/* ── CSS Variables (Dark = default) ── */
:root, [data-theme="dark"] {
  --bg: #1a1a1a;
  --bg2: #2a2a2a;
  --bg3: #333333;
  --surface: #2a2a2a;
  --surface2: #333333;
  --border: #404040;
  --border2: #505050;
  --text: #e0e0e0;
  --text2: #aaaaaa;
  --text3: #888888;
  --primary: #6366f1;
  --primary-hover: #818cf8;
  --primary-bg: rgba(99, 102, 241, 0.15);
  --danger: #ef4444;
  --danger-hover: #f87171;
  --shadow: rgba(0,0,0,0.5);
  --scrollbar: #404040;
  --scrollbar-hover: #555555;

  --col-backlog: #555555;
  --wb-bg: #2a2a2a;
  --wb-dot: #505050;

  --col-todo: #3b82f6;
  --col-in_progress: #f59e0b;
  --col-review: #8b5cf6;
  --col-done: #10b981;

  --type-bug: #ef4444;
  --type-note: #f59e0b;
  --type-idea: #8b5cf6;
  --type-suggestion: #3b82f6;
  --type-todo: #10b981;
  --type-task: #6b7280;

  --priority-low: #6b7280;
  --priority-medium: #f59e0b;
  --priority-high: #ef4444;
  --priority-critical: #dc2626;
}

[data-theme="light"] {
  --bg: #f4f4f4;
  --bg2: #ffffff;
  --bg3: #e8e8e8;
  --surface: #ffffff;
  --surface2: #f0f0f0;
  --border: #e0e0e0;
  --border2: #d0d0d0;
  --text: #1a1a1a;
  --text2: #555555;
  --text3: #888888;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-bg: rgba(99, 102, 241, 0.1);
  --danger: #dc2626;
  --danger-hover: #b91c1c;
  --shadow: rgba(0,0,0,0.1);
  --scrollbar: #d0d0d0;
  --scrollbar-hover: #aaaaaa;
  --wb-bg: #fafafa;
  --wb-dot: #d8d8d8;

  --col-backlog: #888888;
  --col-todo: #3b82f6;
  --col-in_progress: #f59e0b;
  --col-review: #8b5cf6;
  --col-done: #10b981;

  --type-bug: #dc2626;
  --type-note: #d97706;
  --type-idea: #7c3aed;
  --type-suggestion: #2563eb;
  --type-todo: #059669;
  --type-task: #4b5563;

  --priority-low: #6b7280;
  --priority-medium: #d97706;
  --priority-high: #dc2626;
  --priority-critical: #991b1b;
}