/* ═══════════════════════════════════════════════════════════
   ZIM — THEMES  (v2)
   All CSS custom properties per theme
════════════════════════════════════════════════════════════ */

/* ─── Dark Theme (Refined Tokyo Night) ──────────────────── */
.theme-dark {
  /* Backgrounds */
  --bg-primary:    #16172a;
  --bg-secondary:  #1c1d32;
  --bg-tertiary:   #232440;
  --bg-hover:      rgba(255, 255, 255, 0.05);
  --bg-active:     rgba(255, 255, 255, 0.08);
  --bg-input:      #1e1f35;
  --bg-code:       #13141f;
  --bg-code-header:#191a2c;
  --bg-sidebar:    #13141f;
  --bg-topbar:     #16172a;
  --bg-panel:      #1c1d32;

  /* Text */
  --text-primary:     #cdd6f4;
  --text-secondary:   #8a93b2;
  --text-tertiary:    #4e5578;
  --text-placeholder: #363a54;

  /* Borders */
  --border-primary: rgba(255, 255, 255, 0.08);
  --border-subtle:  rgba(255, 255, 255, 0.05);
  --border-hover:   rgba(255, 255, 255, 0.14);

  /* Accent — Blue/Purple */
  --accent-primary:   #7c9ef8;
  --accent-secondary: #b48eff;
  --accent-hover:     #6a8ef0;
  --accent-glow:      rgba(124, 158, 248, 0.15);
  --accent-code:      #7dd3fc;
  --accent-code-bg:   rgba(124, 158, 248, 0.1);
  --accent-cowork:    #b48eff;
  --accent-cowork-bg: rgba(180, 142, 255, 0.1);

  /* Multi-Agent accent — Amber/Orange */
  --accent-multi:        #f59e0b;
  --accent-multi-bg:     rgba(245, 158, 11, 0.1);
  --accent-multi-border: rgba(245, 158, 11, 0.25);

  /* Status */
  --success:    #6ee7a0;
  --warning:    #fbbf65;
  --danger:     #ff6b81;
  --danger-bg:  rgba(255, 107, 129, 0.1);
  --info:       #7dd3fc;

  /* Scrollbar */
  --scrollbar-thumb:       rgba(255, 255, 255, 0.07);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.13);
}

/* ─── Light Theme ────────────────────────────────────────── */
.theme-light {
  --bg-primary:    #ffffff;
  --bg-secondary:  #f7f8fc;
  --bg-tertiary:   #eef0f6;
  --bg-hover:      rgba(0, 0, 0, 0.03);
  --bg-active:     rgba(0, 0, 0, 0.06);
  --bg-input:      #ffffff;
  --bg-code:       #f3f5f9;
  --bg-code-header:#e8ebf2;
  --bg-sidebar:    #f0f2f8;
  --bg-topbar:     #ffffff;
  --bg-panel:      #ffffff;

  --text-primary:     #1a1c2e;
  --text-secondary:   #5c6478;
  --text-tertiary:    #9aa0b8;
  --text-placeholder: #bcc3d4;

  --border-primary: rgba(0, 0, 0, 0.08);
  --border-subtle:  rgba(0, 0, 0, 0.05);
  --border-hover:   rgba(0, 0, 0, 0.14);

  --accent-primary:   #4f6df5;
  --accent-secondary: #8b5cf6;
  --accent-hover:     #3d5be3;
  --accent-glow:      rgba(79, 109, 245, 0.12);
  --accent-code:      #3b5bdb;
  --accent-code-bg:   rgba(79, 109, 245, 0.08);
  --accent-cowork:    #8b5cf6;
  --accent-cowork-bg: rgba(139, 92, 246, 0.08);

  --accent-multi:        #d97706;
  --accent-multi-bg:     rgba(217, 119, 6, 0.08);
  --accent-multi-border: rgba(217, 119, 6, 0.2);

  --success:    #16a34a;
  --warning:    #d97706;
  --danger:     #dc2626;
  --danger-bg:  rgba(220, 38, 38, 0.08);
  --info:       #4f6df5;

  --scrollbar-thumb:       rgba(0, 0, 0, 0.1);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.18);
}

/* ─── Midnight Theme ─────────────────────────────────────── */
.theme-midnight {
  --bg-primary:    #0a0b14;
  --bg-secondary:  #0e0f1a;
  --bg-tertiary:   #141626;
  --bg-hover:      rgba(255, 255, 255, 0.04);
  --bg-active:     rgba(255, 255, 255, 0.07);
  --bg-input:      #0c0d18;
  --bg-code:       #070810;
  --bg-code-header:#0b0c16;
  --bg-sidebar:    #070810;
  --bg-topbar:     #0a0b14;
  --bg-panel:      #0e0f1a;

  --text-primary:     #e2e8f8;
  --text-secondary:   #7a84a0;
  --text-tertiary:    #404860;
  --text-placeholder: #2c3248;

  --border-primary: rgba(255, 255, 255, 0.06);
  --border-subtle:  rgba(255, 255, 255, 0.03);
  --border-hover:   rgba(255, 255, 255, 0.11);

  --accent-primary:   #58a6ff;
  --accent-secondary: #d2a8ff;
  --accent-hover:     #4894ee;
  --accent-glow:      rgba(88, 166, 255, 0.14);
  --accent-code:      #79c0ff;
  --accent-code-bg:   rgba(88, 166, 255, 0.09);
  --accent-cowork:    #d2a8ff;
  --accent-cowork-bg: rgba(210, 168, 255, 0.09);

  --accent-multi:        #f59e0b;
  --accent-multi-bg:     rgba(245, 158, 11, 0.09);
  --accent-multi-border: rgba(245, 158, 11, 0.2);

  --success:    #3fb950;
  --warning:    #d29922;
  --danger:     #f85149;
  --danger-bg:  rgba(248, 81, 73, 0.1);
  --info:       #58a6ff;

  --scrollbar-thumb:       rgba(255, 255, 255, 0.05);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.1);
}

/* ─── Solarized Dark ─────────────────────────────────────── */
.theme-solarized-dark {
  --bg-primary:    #002b36;
  --bg-secondary:  #073642;
  --bg-tertiary:   #0a4050;
  --bg-hover:      rgba(255, 255, 255, 0.05);
  --bg-active:     rgba(255, 255, 255, 0.08);
  --bg-input:      #002b36;
  --bg-code:       #001e26;
  --bg-code-header:#073642;
  --bg-sidebar:    #001e26;
  --bg-topbar:     #002b36;
  --bg-panel:      #073642;

  --text-primary:     #93a1a1;
  --text-secondary:   #657b83;
  --text-tertiary:    #586e75;
  --text-placeholder: #475b62;

  --border-primary: rgba(255, 255, 255, 0.07);
  --border-subtle:  rgba(255, 255, 255, 0.04);
  --border-hover:   rgba(255, 255, 255, 0.12);

  --accent-primary:   #268bd2;
  --accent-secondary: #6c71c4;
  --accent-hover:     #1e7dbe;
  --accent-glow:      rgba(38, 139, 210, 0.15);
  --accent-code:      #2aa198;
  --accent-code-bg:   rgba(38, 139, 210, 0.1);
  --accent-cowork:    #6c71c4;
  --accent-cowork-bg: rgba(108, 113, 196, 0.1);

  --accent-multi:        #cb4b16;
  --accent-multi-bg:     rgba(203, 75, 22, 0.1);
  --accent-multi-border: rgba(203, 75, 22, 0.25);

  --success:    #859900;
  --warning:    #b58900;
  --danger:     #dc322f;
  --danger-bg:  rgba(220, 50, 47, 0.1);
  --info:       #268bd2;

  --scrollbar-thumb:       rgba(255, 255, 255, 0.06);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.12);
}