:root {
  --color-primary: #a78bfa;
  --color-accent: #22d3ee;
  --color-on-primary: #0b0a14;
  --color-text: #f4f3ff;
  --color-muted: #b8b4d6;
  --color-background: #0b0a14;
  --color-surface: #14122a;
  --color-surface-2: #1d1a3a;
  --color-border: #2e2a55;
  --color-focus: #fbbf24;
  --color-glow: rgba(167, 139, 250, 0.35);
  --color-glow-2: rgba(34, 211, 238, 0.25);
  --code-string: #fde68a;
  --code-keyword: #f9a8d4;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;
  --size-content: 72rem;
  --size-prose: 42rem;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-slow: 0.9s;
  --motion-fast: 0.25s;
}