:root {
  --bg: #000000;
  --bg-surface: #111111;
  --bg-card: #1a1a1a;
  --bg-input: #222222;
  --text-primary: #ffffff;
  --text-secondary: #888888;
  --text-muted: #444444;
  --accent: #ffffff;
  --accent-dim: #555555;
  --border: #2a2a2a;
  --border-focus: #555555;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow: 0 4px 24px rgba(0,0,0,0.6);
  --transition: 200ms cubic-bezier(0.2,0.8,0.2,1);
  --font-display: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
}