/* Heller Modus (Catppuccin Latte). Dunkel bleibt die Vorgabe; umgeschaltet wird per Knopf in der
 * Seitenleiste, gemerkt im Browser. Nur Tokens werden überschrieben - kein Selektor ändert sich. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #eff1f5;
  --surface-1: #e9ecf2;
  --surface-2: #f8f9fc;
  --surface-3: #dfe3ec;
  --surface-4: #ccd0da;
  --fg: #4c4f69;
  --fg-muted: #5c5f77;
  --fg-subtle: #8c8fa1;
  --fg-strong: #1e2030;
  --accent: #1e66f5;
  --accent-soft: rgba(30, 102, 245, 0.10);
  --accent-border: rgba(30, 102, 245, 0.35);
  --on-accent: #ffffff;
  --relation: #8839ef;
  --relation-soft: rgba(136, 57, 239, 0.10);
  --relation-border: rgba(136, 57, 239, 0.28);
  --tag: #6c6f85;
  --tag-soft: rgba(108, 111, 133, 0.10);
  --tag-border: rgba(108, 111, 133, 0.28);
  --line: rgba(76, 79, 105, 0.14);
  --line-strong: rgba(76, 79, 105, 0.26);
  --prio-high: #d20f39;
  --prio-medium: #fe640b;
  --prio-low: #209fb5;
  --prio-none: #bcc0cc;
  --st-backlog: #8c8fa1;
  --st-next: #7c7f93;
  --st-open: #04a5e5;
  --st-in-progress: #179299;
  --st-waiting: #df8e1d;
  --st-paused: #dd7878;
  --st-done: #40a02b;
  --st-cancelled: #acb0be;
  --danger: #d20f39;
  --warn: #fe640b;
  --ok: #40a02b;
}
.theme-toggle { width: 1.9rem; height: 1.9rem; padding: 0; border: 1px solid var(--line); border-radius: var(--r-2); background: transparent; color: var(--fg-muted); cursor: pointer; font-size: var(--fs-md); line-height: 1; }
.theme-toggle:hover { background: var(--surface-3); color: var(--fg); }