:root {
    --bg:            #050505;
    --bg-surface:    #0a0a0a;
    --bg-elevated:   #0d0d0d;
    --bg-hover:      #111111;
    --border:        #1a1a1a;
    --border-hover:  #2a2a2a;
    --text-primary:  #e0e0e0;
    --text-secondary:#888888;
    --text-muted:    #555555;
    --green:         #00ff88;
    --green-hover:   #33ffaa;
    --green-dark:    #003d20;
    --green-glow:    rgba(0, 255, 136, 0.12);
    --red:           #ff4444;
    --yellow:        #ffbb33;
    --blue:          #4488ff;
    --font-mono:     'JetBrains Mono', monospace;
    --font-sans:     'Inter', sans-serif;
    --radius-sm:     6px;
    --radius-md:     8px;
    --radius-lg:     10px;
    --radius-xl:     12px;
    --radius-full:   100px;
}