/* Токены — из design/direction.md «Ромб зажигается». @font-face — в fonts.css. */
:root {
  /* Цвет: зал в 20:00 */
  --surface: oklch(0.165 0.008 70);     /* тёплый почти-чёрный кадра v2 (#100E0B) */
  --plane: oklch(0.21 0.009 70);        /* плоскость, слот без картинки (#1B1814) */
  --ink: oklch(0.93 0.018 80);          /* тёплый белый (#EFE7DA) */
  --ink-muted: oklch(0.71 0.025 75);    /* вторичный, ≥ 4.5:1 на фоне и на зелёном */
  --accent: oklch(0.70 0.14 65);        /* охра: history, ромб, цены, статус (#D88932) */
  --button: oklch(0.50 0.12 50);        /* кнопка — глубже охры, белый текст 4.9:1 */
  --button-hover: oklch(0.55 0.125 52);
  --on-accent: var(--ink);
  --green: oklch(0.32 0.045 165);       /* бутылочный зелёный вывески: финал и «открыто» (#173B32) */
  --line: oklch(0.93 0.018 80 / 0.12);  /* волосяная линия на тёмном */
  --danger: oklch(0.62 0.16 35);

  /* Типографика */
  --font-display: 'Manrope', 'Segoe UI', sans-serif;  /* 200/300 — геометрия логотипа */
  --font-body: 'PT Serif', Georgia, serif;            /* антиква кадра v2 */
  --font-utility: 'Manrope', 'Segoe UI', sans-serif;  /* 600 капс с разрядкой */
  --track-utility: 0.22em;
  /* Шкала 1.5 (ПК), на телефоне 1.333 — ниже */
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.5rem;
  --step-2: 2.25rem;
  --step-3: 3.375rem;
  --step-4: 5.0625rem;
  --step-hero: clamp(4.5rem, 8.4vw, 8.75rem);

  /* Пространство: 4 8 12 16 24 32 48 64 96 128 */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem;
  --space-9: 6rem; --space-10: 8rem;
  --section: clamp(var(--space-9), 10vw, var(--space-10));
  --container: 90rem;
  --gutter: 5rem;

  /* Форма: кнопка почти прямая (кадр v2), статус — пилюля, фото — 0 */
  --radius-control: 2px;
  --radius-pill: 999px;

  /* Движение «лампа разогревается» */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-micro: 160ms;
  --dur-reveal: 700ms;
  --dur-push: 2400ms;

  /* Сигнатура — зеркальный ромб */
  --signature-line: var(--accent);
  --signature-stroke: 1.5px;
  --signature-glow: drop-shadow(0 0 3px oklch(0.78 0.13 70 / 0.9)) drop-shadow(0 0 14px oklch(0.70 0.14 65 / 0.55));
  --signature-ignite: 2400ms;
}

@media (max-width: 900px) {
  :root {
    --gutter: 1.25rem;
    --step-0: 1rem;
    --step-1: 1.333rem;
    --step-2: 1.777rem;
    --step-3: 2.369rem;
    --step-4: 3.157rem;
    --step-hero: clamp(3.4rem, 15.5vw, 4.6rem);
  }
}