/* Токены темы «Путь предпринимателя».

   С 13.09.2026 - строго по Stitch (решение владельца): значения взяты не из
   текста DESIGN.md, а из конфига Tailwind внутри code.html системы A
   («графит Material»), разбор - docs/stitch-строгая-спецификация.md, разделы
   1 и 3.0. Прежнее осветление фона (жалоба тестировщиков 03.09 «слишком
   тёмный») этим отменено сознательно.

   Имена - как в Stitch, чтобы сверка с макетом шла слово в слово. Старые
   имена ниже оставлены синонимами: разбор (app.js + styles.css) переезжает
   на новые на этапе 2 и до того не должен развалиться. */
:root {
  /* -------- цвет, система A -------- */
  --surface: #111317;
  --surface-container-lowest: #0c0e11;
  --surface-container-low: #1a1c1f;
  --surface-container: #1e2023;
  --surface-container-high: #282a2d;
  --surface-container-highest: #333538;
  --surface-bright: #37393d;
  --on-surface: #e2e2e6;
  --on-surface-variant: #d8c3ad;
  --outline: #a08e7a;
  /* Не из Stitch: outline на самом светлом уровне (#333538) даёт контраст
     3.89. Чуть светлее - 4.56, на глаз разницы почти нет. Этот цвет - для
     подписей на #333538, на остальных уровнях хватает --outline. */
  --outline-strong: #ab9b89;
  --primary: #ffc174;
  --primary-container: #f59e0b;
  --on-primary: #472a00;
  --secondary: #ffc640;
  --error: #ffb4ab;
  --error-container: #93000a;
  --on-error-container: #ffdad6;
  --inverse-surface: #e2e2e6;
  --inverse-on-surface: #2f3034;

  /* -------- скругления --------
     В конфиге code.html классы переопределены: rounded = 2, rounded-lg = 4,
     rounded-xl = 8, rounded-full = 12. Прежний комментарий про «8/12 в
     Stitch» был неверен - это числа из YAML DESIGN.md, в экранах их нет. */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --r-pill: 12px;
  --r-lg: 16px;

  /* -------- отступы -------- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* Кнопка h-12 - 68 вхождений в макетах; 50 и 52 - выбросы. */
  --control-h: 48px;
  --header-h: 56px;

  /* -------- тени и размытие (раздел 1.5) -------- */
  --shadow-header: 0 1px 8px rgba(0, 0, 0, .25);
  --shadow-sticky: 0 -8px 24px rgba(0, 0, 0, .5);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
  --blur-md: 12px;
  --blur-xl: 24px;

  /* В графитовой системе один шрифт на всё: заголовки держатся весом и
     плотным межбуквенным, а не вторым семейством. */
  --display: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --body: 'Inter', 'Segoe UI', system-ui, sans-serif;

  /* -------- синонимы старых имён (до этапа 2) -------- */
  --ground: var(--surface);
  --card: var(--surface-container);
  --card-high: var(--surface-container-high);
  /* Рамок в Stitch нет. Там, где разбор их ещё рисует, они уходят в тон
     соседнего уровня и почти не видны. */
  --line: var(--surface-container-highest);
  --line-soft: var(--surface-container-high);
  --ink: var(--on-surface);
  --ink-muted: var(--on-surface-variant);
  --ink-dim: var(--outline);
  --amber: var(--primary-container);
  --amber-soft: var(--primary);
  --on-amber: var(--on-primary);
  --amber-glow: rgba(245, 158, 11, .2);
  /* Рамка карточки, которую человек уже отметил: янтарь, приглушённый. */
  --amber-line: rgba(245, 158, 11, .45);
  /* Голубой палитры экрана остановки в Stitch нет (C7 - тот же графит с
     янтарём). Имена живут до этапа 2, значения уже графитовые. */
  --calm: var(--primary);
  --calm-deep: var(--on-primary);
  --calm-soft: var(--surface-container);
  --calm-ground: var(--surface);
  --calm-line: var(--surface-container-high);
  --calm-line-soft: var(--surface-container-high);
  --r-control: var(--r-md);
  --r-card: var(--r-md);
}

/* -------- досье: паспорт C6 (этап 3) --------
   Светлая система из конфига c6_pasport_default. Шрифты Newsreader и
   JetBrains Mono пока не подключены - семейства стоят с запасными, чтобы
   область можно было включить раньше, чем приедут файлы шрифтов. */
[data-theme="dossier"] {
  --surface: #f8f9ff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #eff4ff;
  --surface-container: #e6eeff;
  --surface-container-high: #dce9ff;
  --surface-container-highest: #d5e3fc;
  --surface-bright: #f8f9ff;
  --on-surface: #0d1c2e;
  --on-surface-variant: #554336;
  /* #887364 на белом - 4.48: в C6 это только разделитель. Для текста -
     --on-surface-variant. */
  --outline: #887364;
  --outline-strong: #554336;
  --primary: #8d4b00;
  --primary-container: #b15f00;
  --on-primary: #ffffff;
  --secondary: #565e74;
  --error: #ba1a1a;
  --error-container: #ffdad6;
  --on-error-container: #93000a;
  --inverse-surface: #233144;
  --inverse-on-surface: #eaf1ff;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  /* Newsreader из макета на Google Fonts без кириллицы: заголовки
     собирались бы из двух шрифтов (цифры Newsreader, буквы Georgia).
     Stitch и сам показывает кириллицу запасным - берём его сразу. */
  --dossier-serif: Georgia, 'Times New Roman', serif;
  --dossier-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}

/* -------- текстовые стили A (раздел 1.4) --------
   Размер / строка / вес / межбуквенное - одной строкой, как в конфиге. */
.t-headline-lg { font-family: var(--display); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -.02em; }
.t-headline-md { font-family: var(--display); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -.015em; }
.t-headline-sm { font-family: var(--display); font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -.01em; }
.t-body-lg { font-family: var(--body); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; }
.t-body-md { font-family: var(--body); font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0; }
.t-body-sm { font-family: var(--body); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: .01em; }
.t-label-lg { font-family: var(--display); font-size: 14px; line-height: 18px; font-weight: 600; letter-spacing: .01em; }
.t-label-md { font-family: var(--display); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .02em; }
.t-label-sm { font-family: var(--display); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: .04em; }
/* code-sm в системе A - это Inter, не моноширинный. */
.t-code-sm { font-family: var(--display); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .01em; font-variant-numeric: tabular-nums; }