/* =====================================================================
   BRO VPN · дизайн-токены — ЕДИНСТВЕННЫЙ источник шрифтов, размеров, цветов,
   отступов и размеров контролов для лендинга, кабинета, входа, админки и
   юр-страниц. Правила и примеры — docs/DESIGN_SYSTEM.md и хаб «Дизайн-система».
   Новое значение нужно — добавь ступень СЮДА, а не px по месту.
   ===================================================================== */

/* ---------- шрифт: ОДИН — JetBrains Mono, свой, с нашего сервера (не системный — иначе
   на Mac, Windows и Android кириллица выглядит по-разному). Лицензия OFL — static/fonts. */
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* гарнитура одна на всё — интерфейс, заголовки, данные и длинный текст (решение 25.10.2026).
     --font-text оставлен синонимом для длинного чтения (там крупнее интерлиньяж --lh-read).
     Письма — исключение: почтовики веб-шрифты не грузят, там Arial. */
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --font-text:var(--font-mono);

  /* шкала размеров: 5 ступеней (px — только здесь). Сжата 25.10.2026: соседние ступени
     в 1 px (11/12/13/14) на глаз не различались и только плодили разнобой. */
  --fs-s:12px;     /* подписи, подсказки, бейджи, чипы, вторичный текст таблиц */
  --fs-m:14px;     /* основной текст, кнопки, меню, таблицы */
  --fs-l:16px;     /* поля ввода (iOS зумит поля мельче 16px), крупный текст, h3 */
  --fs-xl:20px;    /* подзаголовки, логотип */
  --fs-2xl:26px;   /* H1 страниц, цены, крупные числа */
  /* витрина лендинга — адаптивные заголовки, только для landing.html */
  --fs-display:clamp(32px,6.5vw,56px);
  --fs-display-2:clamp(24px,4vw,34px);

  /* начертания и интерлиньяж */
  --fw-regular:400; --fw-semibold:600; --fw-bold:700;
  --lh-tight:1.2;  /* заголовки, числа */
  --lh-ui:1.5;     /* интерфейс */
  --lh-read:1.65;  /* длинный текст */

  /* палитра */
  --bg:#0B0711; --bg-2:#0E0A16; --panel:#130D1F; --panel-2:#180F26;
  --line:#2A2040; --line-soft:#1E1730;
  --text:#ECE7F5; --muted:#8E85AC;
  --violet:#B79CFF; --violet-solid:#8B5CF6; --violet-deep:#2A1B54;
  --ok:#6EE7B7; --warn:#FBBF24; --err:#FB7185;
  --glow:rgba(167,139,250,.4);

  /* отступы: шаг 4px */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-12:48px;

  /* скругления */
  --r-sm:6px;   /* чипы, теги */
  --r-md:8px;   /* кнопки, поля */
  --r-lg:12px;  /* карточки, диалоги */
  --r-xl:16px;  /* герой-блоки, иконка приложения */

  /* высота контролов: ОДНА для всех кнопок и полей — в кабинете, на лендинге и в админке
     (решение 25.10.2026: без «узких» вариантов). 40px — удобно пальцу и не громоздко в таблицах. */
  --ctl:40px;
}