:root {
  /* Color — neutral */
  --bg-deep: #050E26;
  --bg-surface: #0B1B3F;
  --bg-elevated: #122452;

  /* Color — brand */
  --cobalt: #2D4DFF;
  --cobalt-glow: #3D5AFE;
  --orange: #FF6B35;
  --orange-bright: #FF7A1A;

  /* Color — text */
  --ink: #F8FAFC;
  --ink-mute: #8B95A8;

  /* Color — line */
  --line: rgba(61, 90, 254, 0.18);
  --line-strong: rgba(61, 90, 254, 0.35);

  /* Typography — families */
  --font-display: 'Anton', sans-serif;
  --font-heading: 'Archivo', sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Typography — scale */
  --fs-hero: clamp(56px, 9vw, 128px);
  --fs-display: clamp(48px, 8vw, 96px);
  --fs-h2: 56px;
  --fs-h3: 36px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-mono: 12px;

  /* Spacing scale (base-8) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* Layout */
  --container-max: 1280px;
  --container-pad: 32px;

  /* Motion */
  --ease-out-quart: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-medium: 300ms;
  --duration-slow: 800ms;
}