/* Токены — единственное место, где задаются цвета, шрифты, размеры, отступы, тени и движение.
   Остальные стили берут значения только отсюда: var(--…). Новый цвет или размер — сначала сюда.
   Шкала проверяется сама (npm test → tools/scale.js). */

@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; }
/* Заголовки — Unbounded 600: широкий, «игровой», с кириллицей */
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(../fonts/unbounded-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(../fonts/unbounded-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 */
  --bg: #F4F9F9;
  --surface: #FFFFFF;
  --surface-2: #E9F4F3;
  --line: #D3E5E3;
  --ink: #0F2E2D;
  --ink-soft: #3D5856;
  --ink-faint: #56706E;
  --accent: #08736E;
  --accent-ink: #FFFFFF;
  --accent-soft: #D9F2F0;
  --accent-deep: #075C58;
  --sun: #FFB938;
  --sun-soft: #FFF1D6;
  --danger: #B3261E;
  --on-dark: #FFFFFF;          /* текст на тёмно-бирюзовом (экран ведущего) */
  --on-dark-soft: #BFE3DF;
  --dark-2: #0A6964;

  /* Шрифты: свои файлы в fonts/ (без «прыжка»: optional — не успел, остаётся системный, без подмены) */
  --font: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-head: 'Unbounded', var(--font);

  /* Размеры шрифта — шкала. Заголовки растут с экраном через clamp, края — из шкалы */
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-24: 24px;
  --fs-h3: clamp(18px, 1vw + 14px, 20px);
  --fs-h2: clamp(24px, 1.8vw + 16px, 32px);
  --fs-h1: clamp(28px, 3vw + 16px, 48px);
  --fs-timer: clamp(72px, 16vw + 24px, 256px);   /* цифры таймера на экране ведущего */
  --fs-screen: clamp(24px, 2.4vw + 12px, 48px);  /* название блока на экране ведущего */
  --lh: 1.5; --lh-head: 1.2;             /* 16/24 — ритм 4/8; крупнее текст — плотнее строки */

  /* Отступы — шкала 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;
  --section: clamp(48px, 7vw, 112px);   /* отступ между секциями */
  --gutter: clamp(16px, 4vw, 32px);      /* поля по краям экрана */
  --maxw: 1200px;                        /* ширина колонки: дальше — по центру, без пустой полосы с одной стороны */
  --maxw-text: 60ch;                     /* длинный текст — не шире ~70 знаков */
  --maxw-form: 560px;                    /* форма, поле, полоса прогресса — не во всю ширину */

  /* Форма */
  --r-sm: 8px; --r: 16px; --r-lg: 24px; --r-pill: 999px;
  --shadow: 0 1px 2px rgba(15, 46, 45, .04), 0 8px 24px rgba(15, 46, 45, .06);
  --shadow-lift: 0 2px 4px rgba(15, 46, 45, .05), 0 16px 40px rgba(15, 46, 45, .10);
  --tap: 44px;                           /* кнопки и ссылки-кнопки не меньше */

  /* Движение: мягко, только transform и opacity */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: 600ms;
  --dur-fast: 200ms;
}