/* ═══════════════════════════════════════════════════════════════════
   ТОКЕНЫ ОФОРМЛЕНИЯ — единственный источник правды.

   До этого файла палитра и шкала были скопированы в шесть страниц:
   смена одного цвета требовала шести правок, и где-нибудь обязательно
   забывалось. Теперь страницы не содержат собственных значений —
   только ссылки на токены отсюда.

   Смена облика целиком (другая тема, второй бренд) = замена этого файла.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  /* ── Основания: три ступени тёмного ───────────────────────────── */
  --void:#070B1C;        /* фон страницы, самый глубокий */
  --indigo:#0B1026;      /* поверхность карточек */
  --indigo-2:#131B3D;    /* приподнятая поверхность, наведение */

  /* ── Металл: единственный акцент мира ─────────────────────────── */
  --gold:#C9A227;        /* основной */
  --gold-hot:#F7E7B4;
  --gold-lit:#E8C766;    /* освещённый: текст на тёмном, заливка кнопок */
  --gold-deep:#8A6D3B;   /* приглушённый: подписи приборов */

  /* ── Светлая сторона: разворот пергамента ─────────────────────── */
  --vellum:#E8DFC8;      /* заголовки на тёмном, фон светлых секций */
  --vellum-lit:#FFF6DE;
  --ink-strong:#1C1608;  /* текст по пергаменту */
  --ink-soft:#5C4E30;
  --gold-on-vellum:#8A6A12;
  --gold-quiet:#7A6428;                    /* подписи по пергаменту */
  --vellum-ink:#241D0F;                    /* основной текст по пергаменту */
  --vellum-card:rgba(255,255,255,.34);     /* карточка на пергаменте */
  --vellum-card-lit:rgba(255,255,255,.62); /* выделенная карточка */

  /* ── Текст по тёмному: четыре ступени ─────────────────────────── */
  --star:#DCE3F5;        /* основной */
  --text-soft:#B9C0DA;   /* абзацы */
  --text-muted:#A8B0CE;  /* вторичное */
  --text-faint:#7E87A8;  /* подписи, служебное */
  --dim:#9AA3C4;         /* пункты меню в покое */
  --legal:#8E96B6;       /* юридический текст */

  /* ── Единственный тёплый акцент, закреплён за одним состоянием ── */
  --cinnabar:#D4593F;    /* перевёрнутая карта, и больше нигде */

  /* ── Шрифты ───────────────────────────────────────────────────── */
  --display:"Forum",Georgia,serif;                        /* голос: заголовки, капители */
  --body:"Onest",-apple-system,BlinkMacSystemFont,sans-serif;  /* речь: абзацы, кнопки */
  --mono:"JetBrains Mono",ui-monospace,monospace;         /* приборы: координаты, замеры */

  /* ── Шкала кеглей: 11 ступеней, шаг ~1.15–1.2 ─────────────────
     Была 31 ступень, включая пары 13/13.5 и 16/16.5, неразличимые
     глазом. Каждая ступень ниже отличается от соседней заметно.     */
  --fs-micro:10px;       /* микроподписи приборов */
  --fs-label:11px;       /* метки, координаты */
  --fs-fine:13px;        /* юридическое, сноски */
  --fs-caption:15px;     /* подписи, кнопки */
  --fs-body:17px;        /* основной текст */
  --fs-lead:19px;        /* лид-абзац */
  --fs-card:22px;        /* заголовок карточки */
  --fs-large:26px;       /* крупный заголовок */
  --fs-section:30px;     /* h2 разделов */
  --fs-price:34px;       /* цена, h3 */
  --fs-page:46px;        /* h1 внутренних страниц */
  --fs-hero:clamp(40px,5vw,68px);      /* h1 первого экрана */
  --fs-h2:clamp(32px,4vw,52px);        /* h2 главной */
  --fs-page-fluid:clamp(32px,4.4vw,46px);  /* h1 внутренних, отзывчивый */

  /* ── Ритм: отступы кратны 4 ───────────────────────────────────── */
  --sp-1:4px;   --sp-2:8px;   --sp-3:12px;  --sp-4:16px;
  --sp-5:22px;  --sp-6:26px;  --sp-7:34px;  --sp-8:44px;
  --sp-9:60px;  --sp-10:80px; --sp-11:110px;

  /* ── Ширины ───────────────────────────────────────────────────── */
  --w-narrow:920px;      /* текстовые страницы */
  --w-wide:1080px;       /* витрины */
  --w-full:1240px;       /* главная */
  --measure:74ch;        /* предельная длина строки */

  /* ── Глубина: тени нейтральные, цвет только в кромках ──────────── */
  --lift-1:0 10px 22px -14px rgba(0,0,0,.9);
  --lift-2:0 26px 52px -26px #000;
  --lift-3:0 30px 60px -34px #000;
  --edge:inset 0 0 0 1px rgba(201,162,39,.2);      /* кромка карточки */
  --edge-lit:inset 0 0 0 1px rgba(201,162,39,.45); /* выделенная */
  --edge-soft:inset 0 0 0 1px rgba(201,162,39,.14);

  /* ── Движение: одна кривая на весь сайт ───────────────────────── */
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-spin:cubic-bezier(.4,.02,.44,1);  /* выкат колеса */
  --dur-fast:.22s;
  --dur:.35s;
  --dur-slow:.85s;

  /* Точка схлопывания меню — 900px. Токеном её сделать нельзя:
     пользовательские свойства не работают внутри @media, поэтому
     значение держится вручную и проверяется поиском по файлам. */
}