/* Токены дизайн-системы — ДОСЛОВНАЯ копия :root из docs/design-kit.html (v2).
   Кит — источник истины (DESIGN.MD §2): менять значения здесь нельзя,
   сначала меняется кит. Единственное место в продукте, где живут
   сырые значения; экраны используют только var(--...). */
:root {
  /* Цвет: бумага / чернила / карандаш */
  --paper:       #F4F2EC;  /* фон — лист на столе */
  --sheet:       #FCFBF8;  /* поднятая поверхность — карточка */
  --ink:         #1E1C19;  /* чернила — основной текст, факты */
  --ink-strong:  #262B33;  /* тёмно-синие чернила — первичное действие */
  --ink-strong-hover: #1A1F26; /* hover первичного действия (только десктоп) */
  --pencil:      #6B665D;  /* карандаш — второстепенный текст, пометки */
  --pencil-soft: #9A948A;  /* бледный карандаш — подписи, плейсхолдеры */
  --rule:        #DAD6CB;  /* линовка — тонкие разделители, рамки */
  --rule-soft:   #E7E3D9;  /* очень бледная линовка */
  --ink-blue:    #2E4B7A;  /* синие чернила — фокус, ссылки, «AI подставил» [расш. v2] */
  --red-pen:     #8E3B33;  /* красный карандаш — ошибка, удаление */
  --green-ink:   #4A6350;  /* зелёные чернила — подтверждение [активнее в v2] */

  /* [+ v2] Персональные акценты профилей — идентичность члена семьи.
     Имена нейтральные (--accent-1/2/3): имена людей живут в данных
     (.env.seed, ADR-009), не в токенах. Мэппинг — по порядку членов
     семьи (стабилен по id), циклично. Общая светлота/насыщенность,
     тон намеренно уведён от семантических blue/green/red. */
  --accent-1: oklch(0.5 0.09 220);   /* бирюзовые чернила */
  --accent-2: oklch(0.5 0.10 320);   /* сливовые чернила */
  --accent-3: oklch(0.56 0.10 85);   /* охряные чернила */

  /* Типографика */
  --serif: "Source Serif 4", Georgia, serif;      /* заголовки, названия записей */
  --sans:  "Inter", system-ui, sans-serif;         /* интерфейс, тело, формы */
  --mono:  "JetBrains Mono", ui-monospace, monospace; /* данные: даты, измерения */

  /* Шкала размеров */
  --t-caption: 0.75rem;   /* 12 */
  --t-small:   0.8125rem; /* 13 */
  --t-body:    0.9375rem; /* 15 */
  --t-lead:    1.0625rem; /* 17 */
  --t-h3:      1.25rem;   /* 20 */
  --t-h2:      1.625rem;  /* 26 */
  --t-h1:      2.125rem;  /* 34 */

  /* Отступы (шаг 4px) */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px;

  /* Форма */
  --radius:   4px;   /* карточки, поля — крепкие углы, как у бланка */
  --radius-sm: 3px;
  --hair: 1px solid var(--rule);

  /* [+ v2] Высота материала — глубина без новых оттенков.
     Верхний внутренний блик (лист ловит свет) + мягкая тень. */
  --lift-sm: 0 1px 0 rgba(255,255,255,.7) inset, 0 6px 14px -10px rgba(30,28,25,.35);
  --lift-md: 0 1px 0 rgba(255,255,255,.7) inset, 0 10px 26px -16px rgba(30,28,25,.4);

  /* [+ v2] Фактура бумаги — слои фона приложения. Значения-токены:
     классы экранов собираются только из var(--...) (DESIGN.md §2). */
  --tex-spot: radial-gradient(circle at 30% 12%, rgba(255,255,255,.5), transparent 60%);
  --tex-rule: repeating-linear-gradient(0deg, rgba(30,28,25,.014) 0 1px, transparent 1px 3px);
}