/* ============================================================
   ФЕНИКС · Дизайн-система · Слой 1: токены
   Все значения — из ТЗ, раздел 3. Ничего «на глаз».
   ============================================================ */

:root {
  /* ---------- Поверхности ---------- */
  --bg-900: #090b0e;   /* корпус страницы */
  --bg-800: #0f1319;   /* секции */
  --bg-700: #161b23;   /* карточки */
  --bg-600: #1e242e;   /* карточки в hover */
  --bg-glass: rgba(22, 27, 35, 0.62);

  --line:    #262e3a;
  --line-hi: #3a4553;

  /* ---------- Текст ---------- */
  --txt-0: #ffffff;
  --txt-1: #c9cfd8;
  /* подписи чуть светлее исходного #868E9B: над фотофонами секций
     старое значение падало до 4,13:1 — ниже требования AA */
  --txt-2: #949ca9;
  --txt-3: #5b6472;

  /* ---------- Фирменные акценты ---------- */
  --fx-yellow: #ffd119;
  --fx-orange: #ff8a1f;
  --fx-red:    #e5231b;

  --fx-grad: linear-gradient(135deg, #ffd119 0%, #ff8a1f 48%, #e5231b 100%);
  --fx-grad-soft: linear-gradient(135deg, rgba(255, 209, 25, .16) 0%, rgba(255, 138, 31, .12) 48%, rgba(229, 35, 27, .10) 100%);

  --glow-orange: 0 0 40px rgba(255, 138, 31, .28);
  --glow-soft:   0 0 80px rgba(255, 138, 31, .12);

  /* ---------- Типографика ---------- */
  /* Все три гарнитуры — с родной кириллицей, а не с латиницей и «дорисованными»
     русскими буквами. Unbounded даёт характер заголовкам, Onest — спокойное
     чтение, Martian Mono — инженерный тон технических подписей. */
  --ff-display: 'Unbounded', 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --ff-text:    'Onest', 'Inter', 'Segoe UI', system-ui, sans-serif;
  --ff-mono:    'Martian Mono', ui-monospace, 'Cascadia Mono', monospace;

  /* модульная шкала, коэффициент 1.25, база 17px */
  --fs-100: 0.765rem;  /* 13 — мета, моно */
  --fs-200: 0.882rem;  /* 15 — мелкий текст */
  --fs-300: 1rem;      /* 17 — основной */
  --fs-400: 1.235rem;  /* 21 — лид */
  --fs-500: 1.559rem;  /* 26.5 — H4 */
  --fs-600: 1.941rem;  /* 33 — H3 */
  --fs-700: 2.441rem;  /* 41.5 — H2 mobile */
  --fs-800: 3.059rem;  /* 52 — H2 */
  --fs-900: 3.824rem;  /* 65 */

  /* Unbounded заметно шире Manrope, а русские заголовки длиннее английских —
     поэтому кегли уменьшены, иначе H1 расползается на четыре строки. */
  --fs-h1: clamp(2.05rem, 3.9vw, 3.55rem);
  --fs-h2: clamp(1.6rem, 2.5vw, 2.35rem);
  --fs-h3: clamp(1.18rem, 1.45vw, 1.32rem);
  --fs-lead: clamp(1.06rem, 1.35vw, 1.235rem);

  --lh-tight: 1.1;
  --lh-head: 1.2;
  --lh-text: 1.65;

  --ls-tight: -0.035em;
  --ls-head: -0.025em;
  /* Martian Mono сам по себе широкий — трекинг нужен вдвое меньше обычного */
  --ls-mono: 0.06em;

  /* ---------- Ритм: всё кратно 8 ---------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 40px;
  --s-8: 56px;
  --s-9: 64px;
  --s-10: 96px;
  --s-11: 120px;
  --s-12: 160px;

  --section-y: clamp(64px, 8.4vw, 160px);

  /* ---------- Сетка ---------- */
  --container: 1320px;
  --gutter: 24px;
  --pad-x: clamp(20px, 3.2vw, 40px);

  /* ---------- Скругления: только три значения ---------- */
  --r-sm: 4px;
  --r-md: 16px;
  --r-lg: 24px;

  /* ---------- Движение ---------- */
  --e-out: cubic-bezier(.22, 1, .36, 1);
  --e-inout: cubic-bezier(.65, 0, .35, 1);
  --t-fast: .18s;
  --t-mid: .34s;
  --t-slow: .7s;

  --z-bg: 0;
  --z-content: 10;
  --z-header: 100;
  --z-modal: 200;
  --z-preloader: 300;
}

/* Пользователь просил меньше движения — глушим всё, что можно,
   не ломая доступ к контенту. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: .01ms;
    --t-mid: .01ms;
    --t-slow: .01ms;
  }
}