:root {
  color-scheme: dark;
  --bg: #0f0b1a;
  --bg-alt: #171125;
  --surface: #151022;
  --surface-muted: #1e1730;
  --text: #f5f2ff;
  --muted: #b6aecb;
  --accent: #9b5cff;
  --accent-strong: #b98bff;
  --border: #2a2238;
  --shadow: 0 20px 45px rgba(7, 4, 16, 0.65);
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 10px;
  --font-sans: "Manrope", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --max-width: 1120px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --header: rgba(39, 35, 49, 0.9);
}