/* ============================================================
   OK GO — Design tokens
   Источник: дизайн-система OK GO (Brand Book / handoff-пакет)
   ============================================================ */

:root {
  /* Цвета */
  --g0: #0E3B30;   /* основной тёмно-изумрудный */
  --g1: #165848;   /* изумрудный светлее */
  --g2: #08231C;   /* глубокий тёмный */
  --or: #FE4E04;   /* маяк-акцент (использовать редко: 1 элемент на экран) */
  --go: #03B85A;   /* сигнальный зелёный */
  --wh: #FEFEFE;   /* белый */
  --sd: #E2DBD0;   /* тёплый песок (вторичный текст на тёмном) */
  --sd2: #F4F1EA;  /* тёплый фон светлых секций */
  --mn: #D1EFD9;   /* мятный (информационные вставки) */
  --nav: #003D36;  /* подложка навигации = подложка логотипа */

  /* Производные */
  --go-text: #0FCB6B;                     /* сигнальный зелёный для мелкого текста
                                             на тёмном: контраст ≥ 4.5:1 (a11y) */
  --ink: var(--g0);                       /* основной текст на светлом */
  --ink-soft: rgba(14, 59, 48, .68);      /* вторичный текст на светлом */
  --ink-faint: rgba(14, 59, 48, .52);     /* приглушённый на светлом */
  --paper: #FFFFFF;                       /* поверхность карточек на светлом */
  --line-dark: rgba(234, 242, 238, .12);  /* бордюр на тёмном */
  --line-light: rgba(20, 58, 48, .10);    /* бордюр на светлом */
  --wh-soft: rgba(255, 255, 255, .78);
  --wh-faint: rgba(255, 255, 255, .62);
  --wh-ghost: rgba(255, 255, 255, .55);

  /* Типографика */
  --font-display: 'Unbounded', sans-serif;
  --font-body: 'Onest', system-ui, sans-serif;

  --fs-h1: clamp(40px, 6.5vw, 92px);
  --fs-h2: clamp(30px, 4vw, 56px);
  --fs-h3: clamp(19px, 2vw, 26px);
  --fs-lead: clamp(17px, 1.5vw, 22px);
  --fs-body: clamp(15px, 1.1vw, 17px);
  --fs-small: 13px;
  --fs-eyebrow: 11px;

  /* Отступы */
  --px: clamp(24px, 6vw, 120px);
  --py: clamp(88px, 12vh, 150px);
  --container: 1240px;

  /* Радиусы */
  --r-pill: 100px;
  --r-card: 22px;
  --r-ui: 14px;
  --r-highlight: 0 10px 10px 0; /* фирменный блок с левой линией */

  /* Движение */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: .25s;
  --t-med: .5s;
}

/* Узкие экраны: чтобы самое длинное слово H1 («происходит»)
   не вылезало за 320–375px */
@media (max-width: 380px) {
  :root {
    --fs-h1: clamp(32px, 10.2vw, 40px);
  }
}