:root {
  /* ─── Colors ─────────────────────────────────────────────────────────────── */
  --bg:          #080808;
  --surface:     #111111;
  --surface-2:   #181818;
  --border:      rgba(255, 255, 255, 0.07);
  --accent:      #FF5500;
  --accent-dim:  rgba(255, 85, 0, 0.12);
  --text:        #F2EDE8;
  --muted:       #888880;
  --white:       #FFFFFF;

  /* ─── Typography ─────────────────────────────────────────────────────────── */
  --font-display: 'Bebas Neue', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-ui:      'Space Grotesk', sans-serif;

  /* ─── Border Radius ──────────────────────────────────────────────────────── */
  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 20px;

  /* ─── Spacing ────────────────────────────────────────────────────────────── */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 120px;
}