/* Токены — из design/direction.md */
:root {
  --surface: #050505;
  --ink: #f2ede3;
  --ink-muted: #8f8a80;
  --accent: #d4af37;
  --accent-hi: #ffe566;
  --plane: #111111;
  --on-accent: #050505;
  --spark: #00e5ff;
  --line: rgb(212 175 55 / .22);

  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --step--1: .8125rem;
  --step-0: 1rem;
  --step-1: clamp(1.0625rem, .95rem + .5vw, 1.375rem);
  --step-2: clamp(1.375rem, 1.1rem + 1.1vw, 2rem);
  --step-3: clamp(1.75rem, 1.2rem + 2.4vw, 3.25rem);
  --step-4: clamp(2.5rem, 1rem + 6.4vw, 7rem);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 40px; --space-7: 64px; --space-8: 120px;
  --container: 1440px;
  --gutter: clamp(16px, 5.5vw, 80px);

  --radius-control: 999px;
  --radius-shot: 18px;
  --radius-phone: 28px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 180ms;
  --dur-reveal: 900ms;
  --dur-hover: 600ms;

  --signature-charge: var(--accent);
  --signature-charge-hi: var(--accent-hi);
  --signature-glow: rgb(212 175 55 / .45);
}