/* Dark Theme (Refined Tokyo Night) */
.theme-dark {
  --bg-primary: #1a1b2e;
  --bg-secondary: #151623;
  --bg-tertiary: #222339;
  --bg-hover: rgba(255, 255, 255, 0.05);
  --bg-active: rgba(255, 255, 255, 0.08);
  --bg-input: #1e1f33;
  --bg-code: #141521;
  --bg-code-header: #1a1b2a;

  --text-primary: #c8d1e6;
  --text-secondary: #8e99b8;
  --text-tertiary: #505878;
  --text-placeholder: #3d4460;

  --border-primary: rgba(255, 255, 255, 0.08);
  --border-subtle: rgba(255, 255, 255, 0.04);
  --border-hover: rgba(255, 255, 255, 0.14);

  --accent-primary: #6c8cff;
  --accent-secondary: #b48eff;
  --accent-hover: #5a7aef;
  --accent-glow: rgba(108, 140, 255, 0.18);
  --accent-code: #7dd3fc;
  --accent-code-bg: rgba(108, 140, 255, 0.12);
  --accent-cowork: #b48eff;
  --accent-cowork-bg: rgba(180, 142, 255, 0.12);

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

  --scrollbar-thumb: rgba(255, 255, 255, 0.08);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.14);
}

/* Light Theme */
.theme-light {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fb;
  --bg-tertiary: #eef0f4;
  --bg-hover: rgba(0, 0, 0, 0.03);
  --bg-active: rgba(0, 0, 0, 0.06);
  --bg-input: #ffffff;
  --bg-code: #f4f6f9;
  --bg-code-header: #eaecf1;

  --text-primary: #1a1c2e;
  --text-secondary: #5c6478;
  --text-tertiary: #929bb0;
  --text-placeholder: #bcc3d0;

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

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

  --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: #0c0e18;
  --bg-secondary: #080a12;
  --bg-tertiary: #141726;
  --bg-hover: rgba(255, 255, 255, 0.04);
  --bg-active: rgba(255, 255, 255, 0.07);
  --bg-input: #0e1019;
  --bg-code: #08090f;
  --bg-code-header: #0c0e16;

  --text-primary: #e0e6f0;
  --text-secondary: #7c869e;
  --text-tertiary: #434c62;
  --text-placeholder: #2e3548;

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

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

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

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

/* Solarized Dark Theme */
.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;

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

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

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

  --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);
}