/* Токены — строго из design/direction.md «Спуск», ред. 2. */
:root {
  /* Цвет */
  --surface: #0F0D0B;   /* фон — тёплый чёрный цоколя */
  --plane: #1A1714;     /* панели, поля, слоты */
  --ink: #F4EFE7;       /* текст, заголовки */
  --ink-muted: #A69E94; /* вторичный текст */
  --accent: #BE213C;    /* красный банданы с логотипа: кнопки, линия, выделение */
  --brand-plane: #AF6D6E; /* фон логотипа: только плоскость маскота */
  --on-accent: #F4EFE7;
  --line: color-mix(in oklab, var(--ink) 14%, transparent); /* разделители строк */

  /* Типографика */
  --font-display: "Golos Text", "Arial", sans-serif;
  --font-body: "Golos Text", system-ui, sans-serif;
  --font-utility: "Oswald", "Arial Narrow", sans-serif;
  --display-weight: 800;
  --display-track: -0.03em;
  --display-leading: 0.95;
  /* шкала 1.5; десктоп */
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.5rem;
  --step-2: 2.25rem;
  --step-3: 3.375rem;
  --step-4: 5.0625rem;

  /* Пространство: база 8 */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 40px; --space-7: 64px; --space-8: 104px;
  --container: 1280px;
  --gutter: 40px;

  /* Форма */
  --radius-control: 2px;

  /* Движение */
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --dur-micro: 160ms;
  --dur-reveal: 520ms;
  --dur-draw: 700ms;

  /* Сигнатура — ступенчатая линия */
  --signature-color: var(--accent);
  --signature-stroke: 2px;
  --signature-step-w: 136px;
  --signature-step-h: 28px;
}

@media (max-width: 700px) {
  :root {
    --step-0: 1rem;
    --step-1: 1.25rem;
    --step-2: 1.75rem;
    --step-3: 2.5rem;
    --step-4: 3rem;
    --space-8: 72px;
    --gutter: 20px;
    --signature-step-w: 72px;
    --signature-step-h: 22px;
  }
}