/* Dark mode support */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #181A1B;
    --color-text: #F5F5F5;
    --color-primary: #90CAF9;
    --color-success: #81C784;
    --color-warning: #FFD54F;
    --color-danger: #E57373;
  }
  body {
    background: var(--color-bg);
    color: var(--color-text);
  }
  .stage {
    background: #23272A;
  }
  .modal-content {
    background: #23272A;
    color: var(--color-text);
  }
  .task-card {
    background: #23272A;
    color: var(--color-text);
  }
  #tags-panel.sidebar {
    background: #23272A;
    color: var(--color-text);
    box-shadow: var(--shadow-sm);
  }
  .tag-btn {
    background: #263238;
    color: #90CAF9;
  }
  .tag-btn.active, .tag-btn:focus {
    background: #90CAF9;
    color: #23272A;
  }
  .comment {
    background: #263238;
    color: var(--color-text);
  }
}