/* Токены — из design/direction.md «Витрина в темноте». */
:root {
  /* Цвет: тёплый графит фасада, крафт, неон */
  --surface: oklch(0.17 0.006 70);
  --plane: oklch(0.215 0.008 70);
  --ink: oklch(0.96 0.008 80);
  --ink-muted: oklch(0.76 0.014 75);
  --accent: oklch(0.83 0.065 72);
  --accent-hover: oklch(0.88 0.06 75);
  --on-accent: oklch(0.2 0.012 60);
  --open: oklch(0.82 0.14 72);
  --line: oklch(0.96 0.008 80 / 0.12);
  --danger: oklch(0.68 0.15 35);

  /* Типографика */
  --font-display: "Geologica", "Onest", sans-serif;
  --font-body: "Onest", system-ui, sans-serif;
  --step--1: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.1875rem, 1.1rem + 0.4vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --step-3: clamp(2rem, 1.6rem + 1.9vw, 3.1rem);
  --step-4: clamp(2.6rem, 1.9rem + 3.4vw, 4.75rem);
  --step-5: clamp(6rem, 3.5rem + 11vw, 13rem);

  /* Пространство */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --section-y: clamp(4.5rem, 3rem + 7vw, 9rem);
  --container: 1240px;
  --gutter: clamp(16px, 4vw, 48px);

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

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

  /* Сигнатура «//» */
  --signature-slash-color: var(--accent);
  --signature-slash-skew: -22deg;
  --signature-slash-w: 0.14em;
  --signature-slash-gap: 0.2em;
  --signature-window-fade: linear-gradient(90deg, var(--surface) 0%, oklch(0.17 0.006 70 / 0.55) 12%, oklch(0.17 0.006 70 / 0) 32%);
  --signature-window-mask: linear-gradient(90deg, transparent 0%, #000 34%);
}