/* Design-Tokens: Dark (Default) + Light, Glass-Effekte */
:root,
:root[data-theme="dark"] {
  --bg: #0c0e16;
  --bg-gradient-a: rgba(124, 92, 255, 0.16);
  --bg-gradient-b: rgba(45, 156, 219, 0.10);
  --surface: rgba(255, 255, 255, 0.045);
  --surface-strong: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.10);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --text: #eef0f6;
  --text-muted: #9aa0b5;
  --accent: #8b6cff;
  --accent-hover: #9d82ff;
  --accent-text: #ffffff;
  --danger: #ff5d6c;
  --ok: #3ecf8e;
  --prio-hoch: #ff5d6c;
  --prio-mittel: #f5b14c;
  --prio-niedrig: #8a93a8;
  --input-bg: rgba(255, 255, 255, 0.06);
  --input-border: rgba(255, 255, 255, 0.14);
  --sidebar-bg: rgba(14, 16, 26, 0.72);
  --radius: 14px;
  --radius-small: 8px;
}

:root[data-theme="light"] {
  --bg: #f3f4f9;
  --bg-gradient-a: rgba(124, 92, 255, 0.10);
  --bg-gradient-b: rgba(45, 156, 219, 0.08);
  --surface: rgba(255, 255, 255, 0.65);
  --surface-strong: rgba(255, 255, 255, 0.92);
  --glass-border: rgba(20, 24, 46, 0.08);
  --glass-shadow: 0 8px 28px rgba(30, 34, 64, 0.10);
  --text: #1b1e2c;
  --text-muted: #6a7088;
  --accent: #6c4ce0;
  --accent-hover: #5a3bd0;
  --accent-text: #ffffff;
  --danger: #d63a4a;
  --ok: #1d9d6c;
  --prio-hoch: #d63a4a;
  --prio-mittel: #c47f17;
  --prio-niedrig: #6a7088;
  --input-bg: rgba(255, 255, 255, 0.85);
  --input-border: rgba(20, 24, 46, 0.14);
  --sidebar-bg: rgba(255, 255, 255, 0.78);
}

[x-cloak] { display: none !important; }