:root {
  --bg-black: #0a0a0a;
  --bg-card: #111111;
  --bg-elevated: #1a1a1a;
  --bg-panel: #0f0f0f;
  --text-white: #ffffff;
  --text-gray: #999999;
  --text-muted: #666666;
  --text-dim: #444444;
  --text-inverse: #0a0a0a;
  --border: #222222;
  --border-light: #333333;
  --accent-teal: #1d9e75;
  --accent-blue: #4b7bf5;
  --accent-cyan: #06b6d4;
  --color-success: #22c55e;
  --color-error: #ff6666;
  --color-warning: #f59e0b;
  --font-heading: "Geist", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --sidebar-width: 240px;
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
}