/* Токены сайта Рингера (лендинг и кабинет) — общие цвета, шрифт и шкала размеров.
   Взято из заготовки Маяка «Качественный сайт»; цвета — спокойные, как в приложении (макет design/claude-design/2026-10-26-20-39).
   Новый цвет или размер — сначала сюда. Шкала проверяется сама (npm test → tools/scale.js). */

/* Onest — тот же шрифт, что в приложении. optional: не успел загрузиться — остаётся системный, без «прыжка» текста */
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 800; font-display: optional;
  src: url(../fonts/onest-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400 800; font-display: optional;
  src: url(../fonts/onest-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  /* Цвета (контраст текста к фону ≥ 4.5:1 — проверяется).
     26.10.2026: сайт переведён на спокойный стиль приложения — белый/светло-серый и графит.
     Фиолетовый остался только в знаке и тонких акцентах (--brand). Имена --a/--soft прежние: ими пользуется кабинет. */
  --a: #1e2022;          /* главные кнопки — графит */
  --a2: #5c6066;
  --a-ink: #1e2022;      /* текст на светло-сером (--soft) */
  --soft: #f2f3f4;
  --brand: #6c4cf5;      /* фиолетовый Рингера: знак, мелкие значки */
  --brand-ink: #5b3ce0;  /* фиолетовый текст на белом/сером */
  --ink: #1e2022;
  --sub: #5c6066;
  --bg: #fafafa;
  --card: #fff;
  --line: #e5e6e8;
  --r: #c62f2a;          /* красный (пропущенный, ошибка) — не скругление */
  --g: #1d7a48;          /* зелёный (входящий) */
  --dark: #1e2022;       /* тёмная полоса «Скачайте» */

  /* Шрифт */
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Размеры шрифта — шкала */
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px; --fs-28: 28px; --fs-48: 48px;

  /* Отступы — шкала 4px */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
  --maxw-text: 68ch;     /* длинный текст — не шире ~70 знаков */

  /* Скругления (--r занято красным) */
  --rad-sm: 8px; --rad: 16px; --rad-lg: 24px; --rad-xl: 32px; --rad-pill: 999px;
  --tap: 44px;           /* кнопки и ссылки-кнопки на телефоне не меньше */
}