:root {
  --color-bg: #0a0a0c;
  --color-bg-elevated: #121218;
  --color-surface: #1a1a22;
  --color-text: #f4f4f6;
  --color-text-muted: #9a9aa8;
  --color-accent: #7455a3;
  --color-accent-soft: rgba(116, 85, 163, 0.18);
  --color-border: rgba(255, 255, 255, 0.08);

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  --max-width: 72rem;
  --nav-height: 4.5rem;

  --transition: 0.25s ease;
}