:root {
  /* Backgrounds */
  --bg-base:     #0b0e14;
  --bg-surface:  #111620;
  --bg-elevated: #161d2e;
  --bg-overlay:  rgba(0,0,0,0.45);

  /* Borders */
  --border-subtle: #1e2533;
  --border-medium: #2a3040;
  --border-focus:  #5eead4;

  /* Text */
  --text-primary:   #f0f2f5;
  --text-secondary: #d1d5db;
  --text-muted:     #9ca3af;
  --text-faint:     #6b7280;

  /* Teal accent */
  --teal-bright: #5eead4;
  --teal-mid:    #2dd4bf;
  --teal-dim:    rgba(94,234,212,0.08);
  --teal-glow:   rgba(94,234,212,0.15);

  /* Status */
  --green:    #4ade80;
  --amber:    #fbbf24;
  --blue:     #93bbfd;
  --purple:   #c084fc;
  --red:      #ef4444;
  --red-soft: #fca5a5;

  /* Gradients */
  --gradient-teal:    linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%);
  --gradient-surface: linear-gradient(180deg, #161d2e 0%, #111620 100%);

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Inter, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', monospace;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;

  /* Header */
  --header-h: 52px;
  --sidebar-w: 360px;
  --bottom-bar-h: 52px;
}