/* Токены Moti — строго из design/direction.md. @font-face — после self-host-fonts.py (этап «Скорость»). */
:root {
  /* Цвет */
  --surface: #0B0B0A;      /* звёздный чёрный */
  --plane: #1A1918;        /* графит: полосы меню, слот без картинки */
  --line: #2E2C29;         /* разделители */
  --ink: #F2EEE6;          /* мрамор */
  --ink-muted: #B3ADA3;    /* вторичный текст */
  --accent: #B5161A;       /* лаковый красный: кнопки, полоса «Позвонить» */
  --accent-ink: #E5413A;   /* красный текст на чёрном */
  --on-accent: #F2EEE6;
  --glow: #E6B85E;         /* свет: звёзды, статус «открыто» */
  --danger: #E5413A;

  /* Типографика */
  --font-display: 'Prata', 'Times New Roman', serif;
  --font-body: 'Golos Text', system-ui, sans-serif;
  /* Шкала 1.5 от 17px */
  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);
  --step-3: clamp(2.5rem, 1.8rem + 2.8vw, 3.5rem);
  --step-4: clamp(4rem, 2.6rem + 5.2vw, 7rem);   /* hero: 64px на 375, 112px на 1440 */

  /* Пространство: база 8 */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 1rem; --space-4: 1.5rem;
  --space-5: 2.5rem; --space-6: 4rem; --space-7: 6rem; --space-8: 9rem;
  --container: 1440px;
  --gutter: clamp(20px, 4.4vw, 64px);

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

  /* Движение — «тихое зажигание» */
  --ease-out: cubic-bezier(0.22, 0.7, 0.2, 1);
  --dur-micro: 180ms;
  --dur-reveal: 700ms;
  --dur-draw: 1400ms;
  --rise: 12px;

  /* Сигнатура: кольцо «O» */
  --signature-stroke: 1.5px;
  --signature-color: var(--glow);
  --signature-hero: min(46vw, 640px);      /* диаметр кольца-маски на ПК */
  --signature-hero-m: 92vw;                /* на телефоне — уходит за правый край */
  --signature-turn: 3deg;                  /* поворот от прокрутки */
  --signature-btn: 56px;                   /* круглая кнопка-стрелка */
}