/* ============================================================
   Дизайн-токены — «тёмный музейный» стиль
   Монохром, тяжёлый гротеск, тонкие линии, много воздуха
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---------- цвет ---------- */
  --bg: #000000;
  --surface: #0A0A0A;
  --surface-2: #121212;
  --ink: #FFFFFF;
  --soft: #D6D6D6;
  --muted: #8E8E8E;
  --dim: #6B6B6B;
  --line: rgba(255, 255, 255, .12);
  --line-strong: rgba(255, 255, 255, .28);
  --line-invert: rgba(0, 0, 0, .12);
  --overlay: rgba(0, 0, 0, .62);
  --accent: #FFFFFF;

  /* ---------- шрифт ---------- */
  --display: 'Inter Tight', 'Inter', 'Segoe UI', system-ui, sans-serif;
  --sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;

  /* ---------- кегли ---------- */
  --fs-hero: clamp(38px, 6.4vw, 84px);
  --fs-display: clamp(34px, 7.6vw, 104px);
  --fs-h2: clamp(20px, 2.1vw, 28px);
  --fs-h3: clamp(16px, 1.4vw, 19px);
  --fs-lead: clamp(17px, 1.5vw, 21px);
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-label: 11px;
  --fs-micro: 10px;

  /* ---------- отступы ---------- */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --s10: 128px;
  --s11: 160px;

  --section: clamp(72px, 9vw, 152px);
  --section-sm: clamp(48px, 5.5vw, 88px);
  --pad: clamp(20px, 4vw, 56px);
  --gutter: clamp(16px, 2vw, 28px);
  --wrap: 1280px;
  --head-h: 74px;

  /* ---------- форма ---------- */
  --r: 0;
  --r-pill: 999px;
  --border: 1px solid var(--line);
  --border-strong: 1px solid var(--line-strong);

  /* ---------- движение ---------- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .55s;
  --dur-fast: .25s;
}

@media (max-width: 767px) {
  :root {
    --head-h: 62px;
    --fs-body: 14px;
    --fs-small: 12px;
  }
}