:root {
  /* Colors - Dark mode first */
  --bg-base:        #0a0a0a;
  --bg-surface:     #111111;
  --bg-elevated:    #1a1a1a;
  --bg-hover:       #222222;
  --bg-active:      #2a2a2a;

  --border:         rgba(255,255,255,0.07);
  --border-strong:  rgba(255,255,255,0.12);

  --text-primary:   #f0f0f0;
  --text-secondary: #888888;
  --text-muted:     #555555;

  --accent:         #7c6af5;
  --accent-dim:     rgba(124,106,245,0.15);
  --accent-hover:   #9180f7;

  --success:        #4ade80;
  --success-dim:    rgba(74,222,128,0.12);
  --warning:        #fbbf24;
  --warning-dim:    rgba(251,191,36,0.12);
  --danger:         #f87171;
  --danger-dim:     rgba(248,113,113,0.12);

  /* Glass effect */
  --glass-bg:       rgba(255,255,255,0.04);
  --glass-border:   rgba(255,255,255,0.08);
  --glass-blur:     12px;

  /* Typography */
  --font:           'Geist', 'Inter', system-ui, sans-serif;
  --font-mono:      'Geist Mono', 'Fira Code', monospace;

  /* Spacing */
  --radius-sm:      6px;
  --radius-md:      10px;
  --radius-lg:      14px;
  --radius-xl:      20px;

  /* Sidebar */
  --sidebar-width:  220px;

  /* Transitions */
  --transition:     150ms ease;
}