/* === Dark Theme === */
[data-theme="dark"] {
  --color-bg: #1a1a2e;
  --color-sidebar: #111125;
  --color-sidebar-hover: #1e1e38;
  --color-sidebar-border: #2a2a4e;
  --color-sidebar-text: #99a;
  --color-sidebar-text-active: #e0e0e5;
  --color-sidebar-section-label: #556;
  --color-sidebar-dropdown-bg: #181830;
  --color-sidebar-dropdown-border: #2a2a4e;
  --color-sidebar-dropdown-text: #99a;
  --color-sidebar-dropdown-hover: #1e1e38;
  --color-card: #252540;
  --color-text: #e0e0e5;
  --color-text-secondary: #bbb;
  --color-muted: #888;
  --color-primary: #5b7fff;
  --color-primary-hover: #4a6eee;
  --color-danger: #ff5a67;
  --color-danger-hover: #e0444f;
  --color-border: #3a3a5e;
  --color-border-light: #32324e;
  --color-input-border: #3a3a5e;
  --color-table-header-bg: #202038;
  --color-table-header-text: #99a;
  --color-table-hover: #2a2a48;
  --color-kanban-col-bg: #1e1e38;
  --color-kanban-count-bg: #3a3a5e;
  --color-kanban-count-text: #bbb;
  --color-topbar-bg: #252540;
  --color-link: #5b7fff;
  --color-btn-secondary-bg: #2a2a4e;
  --color-btn-secondary-text: #ccc;
  --color-btn-secondary-border: #3a3a5e;
  --color-btn-secondary-hover: #32324e;
  --color-btn-icon-text: #888;
  --color-btn-icon-hover: #ccc;
  --color-focus-ring: rgba(91, 127, 255, 0.2);
  --color-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-modal-shadow: rgba(0, 0, 0, 0.5);
  --color-card-shadow-hover: rgba(0, 0, 0, 0.3);
  --color-project-card-shadow: rgba(0, 0, 0, 0.3);
  --color-timeline-dot: #5b7fff;
  --color-timeline-line: #3a3a5e;
  --color-code-bg: #1e1e38;
  --color-info-bg: #1e1e38;

  --badge-open-bg: #1b3a1b;
  --badge-open-text: #66bb6a;
  --badge-in-progress-bg: #1a2a4a;
  --badge-in-progress-text: #64b5f6;
  --badge-review-bg: #3a2a1a;
  --badge-review-text: #ffb74d;
  --badge-done-bg: #2a1a3a;
  --badge-done-text: #ce93d8;
  --badge-closed-bg: #2a2a3a;
  --badge-closed-text: #90a4ae;
  --badge-blocked-bg: #3a1a1a;
  --badge-blocked-text: #ef9a9a;
}

/* Dark theme badge overrides */
[data-theme="dark"] .badge-critical { background: #3a1a1a; color: #ef9a9a; }
[data-theme="dark"] .badge-high { background: #3a2a1a; color: #ffb74d; }
[data-theme="dark"] .badge-medium { background: #1a2a4a; color: #64b5f6; }
[data-theme="dark"] .badge-low { background: #1b3a1b; color: #66bb6a; }
[data-theme="dark"] .badge-bug { background: #3a1a1a; color: #ef9a9a; }
[data-theme="dark"] .badge-feature { background: #1a2a4a; color: #64b5f6; }
[data-theme="dark"] .badge-task { background: #2a2a3a; color: #90a4ae; }
[data-theme="dark"] .badge-epic { background: #2a1a3a; color: #ce93d8; }
[data-theme="dark"] .badge-released { background: #1b3a1b; color: #66bb6a; }
[data-theme="dark"] .badge-planning { background: #3a2a1a; color: #ffb74d; }
[data-theme="dark"] .badge-active { background: #1a2a4a; color: #64b5f6; }
[data-theme="dark"] .badge-admin { background: #2a1a3a; color: #ce93d8; }
[data-theme="dark"] .badge-manager { background: #1a2a4a; color: #64b5f6; }
[data-theme="dark"] .badge-member { background: #2a2a3a; color: #90a4ae; }
[data-theme="dark"] .badge-label { background: #1a2040; color: #7986cb; }
[data-theme="dark"] .login-card .login-error { background: #3a1a1a; color: #ef9a9a; }

/* === High Contrast Theme === */
[data-theme="high-contrast"] {
  --color-bg: #ffffff;
  --color-sidebar: #000000;
  --color-sidebar-hover: #222222;
  --color-sidebar-border: #333333;
  --color-sidebar-text: #cccccc;
  --color-sidebar-text-active: #ffffff;
  --color-sidebar-section-label: #999999;
  --color-sidebar-dropdown-bg: #111111;
  --color-sidebar-dropdown-border: #444444;
  --color-sidebar-dropdown-text: #cccccc;
  --color-sidebar-dropdown-hover: #222222;
  --color-card: #ffffff;
  --color-text: #000000;
  --color-text-secondary: #222222;
  --color-muted: #333333;
  --color-primary: #0000cc;
  --color-primary-hover: #0000aa;
  --color-danger: #cc0000;
  --color-danger-hover: #aa0000;
  --color-border: #000000;
  --color-border-light: #333333;
  --color-input-border: #000000;
  --color-table-header-bg: #f0f0f0;
  --color-table-header-text: #000000;
  --color-table-hover: #e8e8ff;
  --color-kanban-col-bg: #f5f5f5;
  --color-kanban-count-bg: #000000;
  --color-kanban-count-text: #ffffff;
  --color-topbar-bg: #ffffff;
  --color-link: #0000cc;
  --color-btn-secondary-bg: #ffffff;
  --color-btn-secondary-text: #000000;
  --color-btn-secondary-border: #000000;
  --color-btn-secondary-hover: #f0f0f0;
  --color-btn-icon-text: #333333;
  --color-btn-icon-hover: #000000;
  --color-focus-ring: rgba(0, 0, 204, 0.3);
  --color-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-modal-shadow: rgba(0, 0, 0, 0.4);
  --color-card-shadow-hover: rgba(0, 0, 0, 0.2);
  --color-project-card-shadow: rgba(0, 0, 0, 0.15);
  --color-timeline-dot: #0000cc;
  --color-timeline-line: #000000;
  --color-code-bg: #f0f0f0;
  --color-info-bg: #f0f0f0;
  --border-width: 2px;
  --font-weight-normal: 500;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
  --font-weight-bold: 800;
}

[data-theme="high-contrast"] .badge {
  border: 1px solid currentColor;
}

/* === Midnight Blue Theme === */
[data-theme="midnight"] {
  --color-bg: #0d1b2a;
  --color-sidebar: #071320;
  --color-sidebar-hover: #122640;
  --color-sidebar-border: #1a3050;
  --color-sidebar-text: #6b7c93;
  --color-sidebar-text-active: #c8d6e5;
  --color-sidebar-section-label: #4a5d73;
  --color-sidebar-dropdown-bg: #0a1828;
  --color-sidebar-dropdown-border: #1a3050;
  --color-sidebar-dropdown-text: #6b7c93;
  --color-sidebar-dropdown-hover: #122640;
  --color-card: #1b2838;
  --color-text: #c8d6e5;
  --color-text-secondary: #9ab;
  --color-muted: #6b7c93;
  --color-primary: #4da6ff;
  --color-primary-hover: #3d96ef;
  --color-danger: #ff6b6b;
  --color-danger-hover: #e55555;
  --color-border: #2a3a4e;
  --color-border-light: #223344;
  --color-input-border: #2a3a4e;
  --color-table-header-bg: #152030;
  --color-table-header-text: #6b7c93;
  --color-table-hover: #1e2e40;
  --color-kanban-col-bg: #152030;
  --color-kanban-count-bg: #2a3a4e;
  --color-kanban-count-text: #9ab;
  --color-topbar-bg: #1b2838;
  --color-link: #4da6ff;
  --color-btn-secondary-bg: #1b2838;
  --color-btn-secondary-text: #c8d6e5;
  --color-btn-secondary-border: #2a3a4e;
  --color-btn-secondary-hover: #223344;
  --color-btn-icon-text: #6b7c93;
  --color-btn-icon-hover: #c8d6e5;
  --color-focus-ring: rgba(77, 166, 255, 0.2);
  --color-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-modal-shadow: rgba(0, 0, 0, 0.5);
  --color-card-shadow-hover: rgba(0, 0, 0, 0.3);
  --color-project-card-shadow: rgba(0, 0, 0, 0.3);
  --color-timeline-dot: #4da6ff;
  --color-timeline-line: #2a3a4e;
  --color-code-bg: #152030;
  --color-info-bg: #152030;

  --badge-open-bg: #0f2a1f;
  --badge-open-text: #4caf50;
  --badge-in-progress-bg: #0f2040;
  --badge-in-progress-text: #42a5f5;
  --badge-review-bg: #2a1f0f;
  --badge-review-text: #ffa726;
  --badge-done-bg: #1f0f2a;
  --badge-done-text: #ab47bc;
  --badge-closed-bg: #1a2530;
  --badge-closed-text: #78909c;
  --badge-blocked-bg: #2a0f0f;
  --badge-blocked-text: #ef5350;
}

[data-theme="midnight"] .badge-critical { background: #2a0f0f; color: #ef5350; }
[data-theme="midnight"] .badge-high { background: #2a1f0f; color: #ffa726; }
[data-theme="midnight"] .badge-medium { background: #0f2040; color: #42a5f5; }
[data-theme="midnight"] .badge-low { background: #0f2a1f; color: #4caf50; }
[data-theme="midnight"] .badge-bug { background: #2a0f0f; color: #ef5350; }
[data-theme="midnight"] .badge-feature { background: #0f2040; color: #42a5f5; }
[data-theme="midnight"] .badge-task { background: #1a2530; color: #78909c; }
[data-theme="midnight"] .badge-epic { background: #1f0f2a; color: #ab47bc; }
[data-theme="midnight"] .badge-released { background: #0f2a1f; color: #4caf50; }
[data-theme="midnight"] .badge-planning { background: #2a1f0f; color: #ffa726; }
[data-theme="midnight"] .badge-active { background: #0f2040; color: #42a5f5; }
[data-theme="midnight"] .badge-admin { background: #1f0f2a; color: #ab47bc; }
[data-theme="midnight"] .badge-manager { background: #0f2040; color: #42a5f5; }
[data-theme="midnight"] .badge-member { background: #1a2530; color: #78909c; }
[data-theme="midnight"] .badge-label { background: #0f1a30; color: #5c7cfa; }
[data-theme="midnight"] .login-card .login-error { background: #2a0f0f; color: #ef5350; }

/* === Cyberpunk / Neon Theme === */
[data-theme="cyberpunk"] {
  --color-bg: #141420;
  --color-sidebar: #161626;
  --color-sidebar-hover: #222238;
  --color-sidebar-border: #2a2a42;
  --color-sidebar-text: #8a8ab0;
  --color-sidebar-text-active: #e0e0ff;
  --color-sidebar-section-label: #6a6a90;
  --color-sidebar-dropdown-bg: #1a1a2a;
  --color-sidebar-dropdown-border: #2a2a42;
  --color-sidebar-dropdown-text: #8a8ab0;
  --color-sidebar-dropdown-hover: #222238;
  --color-card: #1c1c2e;
  --color-text: #e0e0ff;
  --color-text-secondary: #b0b0d0;
  --color-muted: #7a7aa0;
  --color-primary: #00f0ff;
  --color-primary-hover: #00d4e0;
  --color-btn-primary-text: #0a0a14;
  --color-danger: #ff2a6d;
  --color-danger-hover: #e0205a;
  --color-border: #2a2a45;
  --color-border-light: #222238;
  --color-input-border: #333355;
  --color-table-header-bg: #181828;
  --color-table-header-text: #8a8ab0;
  --color-table-hover: #222238;
  --color-kanban-col-bg: #181828;
  --color-kanban-count-bg: #2a2a45;
  --color-kanban-count-text: #00f0ff;
  --color-topbar-bg: #1c1c2e;
  --color-link: #00f0ff;
  --color-btn-secondary-bg: #222238;
  --color-btn-secondary-text: #e0e0ff;
  --color-btn-secondary-border: #333355;
  --color-btn-secondary-hover: #2a2a42;
  --color-btn-icon-text: #7a7aa0;
  --color-btn-icon-hover: #00f0ff;
  --color-focus-ring: rgba(0, 240, 255, 0.15);
  --color-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-modal-shadow: rgba(0, 240, 255, 0.1);
  --color-card-shadow-hover: rgba(0, 240, 255, 0.08);
  --color-project-card-shadow: rgba(0, 240, 255, 0.05);
  --color-timeline-dot: #ff2a6d;
  --color-timeline-line: #2a2a45;
  --color-code-bg: #181828;
  --color-info-bg: #181828;

  --badge-open-bg: #0a3028;
  --badge-open-text: #05ffa1;
  --badge-in-progress-bg: #0a2a38;
  --badge-in-progress-text: #00f0ff;
  --badge-review-bg: #302010;
  --badge-review-text: #ffaa00;
  --badge-done-bg: #220a30;
  --badge-done-text: #d05ce3;
  --badge-closed-bg: #222238;
  --badge-closed-text: #7a7aa0;
  --badge-blocked-bg: #300a1a;
  --badge-blocked-text: #ff2a6d;

  --kanban-backlog: #7a7aa0;
  --kanban-todo: #00f0ff;
  --kanban-in-progress: #ffaa00;
  --kanban-review: #d05ce3;
  --kanban-done: #05ffa1;
}

[data-theme="cyberpunk"] .badge-critical { background: #300a1a; color: #ff2a6d; }
[data-theme="cyberpunk"] .badge-high { background: #302010; color: #ffaa00; }
[data-theme="cyberpunk"] .badge-medium { background: #0a2a38; color: #00f0ff; }
[data-theme="cyberpunk"] .badge-low { background: #0a3028; color: #05ffa1; }
[data-theme="cyberpunk"] .badge-bug { background: #300a1a; color: #ff2a6d; }
[data-theme="cyberpunk"] .badge-feature { background: #0a2a38; color: #00f0ff; }
[data-theme="cyberpunk"] .badge-task { background: #222238; color: #7a7aa0; }
[data-theme="cyberpunk"] .badge-epic { background: #220a30; color: #d05ce3; }
[data-theme="cyberpunk"] .badge-released { background: #0a3028; color: #05ffa1; }
[data-theme="cyberpunk"] .badge-planning { background: #302010; color: #ffaa00; }
[data-theme="cyberpunk"] .badge-active { background: #0a2a38; color: #00f0ff; }
[data-theme="cyberpunk"] .badge-admin { background: #220a30; color: #d05ce3; }
[data-theme="cyberpunk"] .badge-manager { background: #0a2a38; color: #00f0ff; }
[data-theme="cyberpunk"] .badge-member { background: #222238; color: #7a7aa0; }
[data-theme="cyberpunk"] .badge-label { background: #0a2a38; color: #00f0ff; }
[data-theme="cyberpunk"] .login-card .login-error { background: #300a1a; color: #ff2a6d; }
[data-theme="cyberpunk"] .sidebar { border-right: 1px solid #2a2a42; }
[data-theme="cyberpunk"] .kanban-card:hover { box-shadow: 0 2px 12px rgba(0, 240, 255, 0.1); }

/* === Dracula Theme === */
[data-theme="dracula"] {
  --color-bg: #1e1f29;
  --color-sidebar: #191a21;
  --color-sidebar-hover: #282a36;
  --color-sidebar-border: #2c2d3a;
  --color-sidebar-text: #8b8da3;
  --color-sidebar-text-active: #f8f8f2;
  --color-sidebar-section-label: #6272a4;
  --color-sidebar-dropdown-bg: #1c1d27;
  --color-sidebar-dropdown-border: #2c2d3a;
  --color-sidebar-dropdown-text: #8b8da3;
  --color-sidebar-dropdown-hover: #282a36;
  --color-card: #282a36;
  --color-text: #f8f8f2;
  --color-text-secondary: #ccc;
  --color-muted: #6272a4;
  --color-primary: #bd93f9;
  --color-primary-hover: #a87de8;
  --color-danger: #ff5555;
  --color-danger-hover: #e04444;
  --color-border: #383a4e;
  --color-border-light: #2e303e;
  --color-input-border: #44475a;
  --color-table-header-bg: #21222c;
  --color-table-header-text: #6272a4;
  --color-table-hover: #2e3040;
  --color-kanban-col-bg: #21222c;
  --color-kanban-count-bg: #44475a;
  --color-kanban-count-text: #f8f8f2;
  --color-topbar-bg: #282a36;
  --color-link: #8be9fd;
  --color-btn-secondary-bg: #2e303e;
  --color-btn-secondary-text: #f8f8f2;
  --color-btn-secondary-border: #44475a;
  --color-btn-secondary-hover: #383a4e;
  --color-btn-icon-text: #6272a4;
  --color-btn-icon-hover: #f8f8f2;
  --color-focus-ring: rgba(189, 147, 249, 0.2);
  --color-modal-overlay: rgba(0, 0, 0, 0.6);
  --color-modal-shadow: rgba(0, 0, 0, 0.5);
  --color-card-shadow-hover: rgba(0, 0, 0, 0.3);
  --color-project-card-shadow: rgba(0, 0, 0, 0.3);
  --color-timeline-dot: #bd93f9;
  --color-timeline-line: #44475a;
  --color-code-bg: #21222c;
  --color-info-bg: #21222c;

  --badge-open-bg: #1a2e1a;
  --badge-open-text: #50fa7b;
  --badge-in-progress-bg: #1a2535;
  --badge-in-progress-text: #8be9fd;
  --badge-review-bg: #2e2a1a;
  --badge-review-text: #ffb86c;
  --badge-done-bg: #2a1a30;
  --badge-done-text: #bd93f9;
  --badge-closed-bg: #262830;
  --badge-closed-text: #6272a4;
  --badge-blocked-bg: #2e1a1a;
  --badge-blocked-text: #ff5555;

  --kanban-backlog: #6272a4;
  --kanban-todo: #8be9fd;
  --kanban-in-progress: #ffb86c;
  --kanban-review: #bd93f9;
  --kanban-done: #50fa7b;
}

[data-theme="dracula"] .badge-critical { background: #2e1a1a; color: #ff5555; }
[data-theme="dracula"] .badge-high { background: #2e2a1a; color: #ffb86c; }
[data-theme="dracula"] .badge-medium { background: #1a2535; color: #8be9fd; }
[data-theme="dracula"] .badge-low { background: #1a2e1a; color: #50fa7b; }
[data-theme="dracula"] .badge-bug { background: #2e1a1a; color: #ff5555; }
[data-theme="dracula"] .badge-feature { background: #1a2535; color: #8be9fd; }
[data-theme="dracula"] .badge-task { background: #262830; color: #6272a4; }
[data-theme="dracula"] .badge-epic { background: #2a1a30; color: #bd93f9; }
[data-theme="dracula"] .badge-released { background: #1a2e1a; color: #50fa7b; }
[data-theme="dracula"] .badge-planning { background: #2e2a1a; color: #ffb86c; }
[data-theme="dracula"] .badge-active { background: #1a2535; color: #8be9fd; }
[data-theme="dracula"] .badge-admin { background: #2a1a30; color: #bd93f9; }
[data-theme="dracula"] .badge-manager { background: #1a2535; color: #8be9fd; }
[data-theme="dracula"] .badge-member { background: #262830; color: #6272a4; }
[data-theme="dracula"] .badge-label { background: #1a2030; color: #bd93f9; }
[data-theme="dracula"] .login-card .login-error { background: #2e1a1a; color: #ff5555; }