/* Токены из макета Figma EuJ9VhCLRTEBLDSByyLlzR, секция «в разработку».
   Ни одного значения «на глаз»: всё снято из узлов макета. */
:root {
  /* ——— цвет ——— */
  --gold: #cfa44f;
  /* золото для светлого фона: #cfa44f на #f7f7f7 даёт 2.16:1 —
     мелкие метки на нём не читаются (WCAG требует 4.5:1) */
  --gold-ink: #8a6718;
  --gold-from: #b88a34;
  --gold-to: #f5d98a;
  --gold-grad: linear-gradient(to top, var(--gold-from), var(--gold-to));

  --ink: #181d24;
  --ink-deep: #0f1217;
  --ink-warm: #262824;
  --paper: #f7f7f7;
  --white: #ffffff;
  --cream: #fff6f0;        /* тёплый белый: текст и пилюли на тёмных карточках */
  --plate: #c4c4c4;        /* серая плашка-заглушка под фото и видео */

  /* поверхности на тёмном */
  --surface-glass: rgba(24, 29, 36, 0.42);
  --surface-glass-soft: rgba(24, 29, 36, 0.4);
  --surface-tint: rgba(255, 255, 255, 0.08);

  /* текст */
  --text-on-dark: rgba(255, 255, 255, 0.82);
  --text-on-dark-muted: rgba(255, 255, 255, 0.8);
  --text-on-light: var(--ink);

  /* границы */
  --border-glass: rgba(255, 255, 255, 0.12);
  --border-glass-strong: rgba(255, 255, 255, 0.14);
  --border-gold: rgba(207, 164, 79, 0.5);

  /* ——— радиусы ——— */
  --r-pill: 100px;
  --r-xl: 20px;
  --r-l: 16px;

  /* ——— размытие ——— */
  --blur-nav: 12px;
  --blur-card: 8px;

  /* ——— сетка ——— */
  --page-w: 1920;          /* ширина фрейма макета */
  --container: 1700px;     /* 1920 − 110×2 */
  --gutter: clamp(20px, 5.7292vw, 110px);   /* 110px при 1920 */
  --nav-inset: clamp(12px, 4.1667vw, 80px); /* 80px при 1920 */

  /* ——— типографика ——— */
  /* Noto идут после Inter: unicode-range сам решает, какой файл нужен странице,
     а порядок гарантирует, что латиница и кириллица остаются на Inter */
  --font: 'Inter', 'Noto Sans Arabic', 'Noto Sans Devanagari', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-alt: 'Space Grotesk', var(--font);      /* вкладки и подзаголовки карты */
  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  /* каждый clamp даёт ровно макетное значение при 1920px */
  --t-h1: clamp(34px, 4.375vw, 84px);
  --t-lead: clamp(17px, 1.25vw, 24px);
  --t-body: clamp(15px, 0.9375vw, 18px);
  --t-stat: clamp(24px, 1.6667vw, 32px);
  --t-logo: clamp(15px, 0.8854vw, 17px);

  /* Figma округляет строчный бокс вниз: стиль Mosquito/H3 = 26×1.2 → 31px,
     Mosquito/H4 = 18×1.3 → 23px. Без этого каждая карточка выше макета на 1–2px. */
  --lh-h3: clamp(24px, 1.6146vw, 31px);
  --lh-h4: clamp(19px, 1.1979vw, 23px);
}