/* ══════════════════════════════════════════════════════════════════════════
   tokens.css — словарь размеров. Подключается ПЕРВЫМ, до base.css и всех
   остальных: любой файл ниже может читать эти переменные.
   ══════════════════════════════════════════════════════════════════════════

   ЗАЧЕМ ОТДЕЛЬНЫМ ФАЙЛОМ. В проекте 62 разных размера шрифта и 687 значений
   отступов, разбросанных литералами по 21 файлу. Пока «минимализм» держится
   на ручном труде: каждый новый экран заводит свои 9px, 10px, 11px — и сетка
   незаметно мельчает до языка админ-панели. Единая шкала лечит это в корне,
   но ввести её поверх 984 !important нельзя одним махом. Поэтому сначала —
   плацдарм: сам словарь. Значения здесь РАВНЫ сегодняшним доминирующим, и
   пока ни одно правило их не читает — то есть этот файл ничего не меняет
   визуально. Он лишь даёт имена, на которые будут опираться следующие шаги.

   КАК ПОЛЬЗОВАТЬСЯ ДАЛЬШЕ. Открыл файл по другой причине — заодно заменил
   в нём font-size:13px на var(--fs-caption), padding:8px на var(--sp-2).
   Оппортунистически, не отдельным проектом. Когда литералы сойдутся к этим
   именам, поднять кегль всей мелочи можно будет правкой одной строки здесь.

   ── ТИПОГРАФИКА ────────────────────────────────────────────────────────────
   Шкала, а не свалка: одна ступень на роль. Значения — сегодняшние ходовые
   размеры. ПОЛ шкалы — --fs-label (12px): мельче в интерфейсе не набираем,
   иначе возвращается «дёшево». Заголовки живут крупной антиквой (Cormorant),
   тело — DM Sans. */
:root {
    --fs-display: 26px;   /* крупный заголовок раздела (Cormorant)            */
    --fs-h1:      22px;   /* заголовок                                        */
    --fs-h2:      18px;   /* подзаголовок                                     */
    --fs-title:   17px;   /* заголовок карточки / строки                      */
    --fs-lead:    16px;   /* крупное тело, ввод                               */
    --fs-body:    15px;   /* основной текст интерфейса                        */
    --fs-body-sm: 14px;   /* тело поменьше                                    */
    --fs-caption: 13px;   /* вторичный текст, пояснения                       */
    --fs-label:   12px;   /* подписи, метки — ПОЛ ШКАЛЫ, ниже не опускаться   */

    /* Ходовые межбуквенные интервалы у капсовых меток (МЕТКА · ЛЕЙБЛ). */
    --ls-label: 0.08em;
    --ls-caps:  0.14em;

    /* ── ОТСТУПЫ ────────────────────────────────────────────────────────────
       Ступени по 4px. padding / margin / gap берём отсюда, а не литералом:
       так вертикальный ритм у соседних блоков перестаёт «плясать». */
    --sp-1:   4px;
    --sp-2:   8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-8:  32px;
    --sp-12: 48px;

    /* ── СКРУГЛЕНИЯ ──────────────────────────────────────────────────────────
       --radius и --radius-lg уже живут в base.css (:root) и в dark-theme.css.
       Здесь их НЕ дублируем, чтобы не завести второй источник правды — просто
       помним, что канонические имена скруглений это они. */
}