/* ─── variables.css — CSS custom properties ─── */

/* ─────────────────────────────────────────────
   CSS Custom Properties — Dark Mode (default)
───────────────────────────────────────────── */
:root {
  --bg:            #0d0f14;
  --bg-terminal:   #0a0c10;
  --bg-titlebar:   #1a1d27;
  --green:         #39ff85;
  --green-dim:     #1bba56;
  --green-glow:    #39ff8540;
  --cyan:          #00e5ff;
  --yellow:        #ffd166;
  --red:           #ff5f57;
  --orange:        #fe9f0a;
  --purple:        #c084fc;
  --white:         #e2e8f0;
  --gray:          #6b7280;
  --gray-light:    #94a3b8;
  --border:        #1e2433;
  --cursor-color:  #39ff85;
  --card-bg:       rgba(57, 255, 133, 0.03);
  --card-bg-hover: rgba(57, 255, 133, 0.06);
  --font-mono:     'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  --radius:        10px;
  --titlebar-h:    40px;
}

/* ─────────────────────────────────────────────
   Light Mode Variables
───────────────────────────────────────────── */
[data-theme="light"] {
  --bg:            #edf2f7;
  --bg-terminal:   #ffffff;
  --bg-titlebar:   #dde3ec;
  --green:         #16a34a;
  --green-dim:     #15803d;
  --green-glow:    #16a34a30;
  --cyan:          #0369a1;
  --yellow:        #b45309;
  --red:           #dc2626;
  --orange:        #ea580c;
  --purple:        #7c3aed;
  --white:         #1e293b;
  --gray:          #64748b;
  --gray-light:    #475569;
  --border:        #c8d3e0;
  --cursor-color:  #16a34a;
  --card-bg:       rgba(22, 163, 74, 0.04);
  --card-bg-hover: rgba(22, 163, 74, 0.09);
}

/* System preference — light (only if no manual override) */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]):not([data-theme="light"]) {
    --bg:            #edf2f7;
    --bg-terminal:   #ffffff;
    --bg-titlebar:   #dde3ec;
    --green:         #16a34a;
    --green-dim:     #15803d;
    --green-glow:    #16a34a30;
    --cyan:          #0369a1;
    --yellow:        #b45309;
    --red:           #dc2626;
    --orange:        #ea580c;
    --purple:        #7c3aed;
    --white:         #1e293b;
    --gray:          #64748b;
    --gray-light:    #475569;
    --border:        #c8d3e0;
    --cursor-color:  #16a34a;
    --card-bg:       rgba(22, 163, 74, 0.04);
    --card-bg-hover: rgba(22, 163, 74, 0.09);
  }
}