:root {
  --color-bg: #0a0a0b;
  --color-surface: #111113;
  --color-elevated: #1a1a1f;
  --color-text: #fafafa;
  --color-text-secondary: #a1a1aa;
  --color-text-muted: #71717a;
  --color-primary: #6366f1;
  --color-primary-light: #8b5cf6;
  --color-accent: #22d3ee;
  --color-success: #22c55e;
  --color-border: #27272a;
  --color-code-bg: #18181b;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-code: 'JetBrains Mono', 'Fira Code', monospace;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;
}

body {
  font-family: var(--font-body);
  background: var(--color-bg);
  color: var(--color-text);
}