/* White Gloss Design-Tokens „Obsidian & Platin“. Dunkel ist Standard (Farben wie die Webseite), Hell folgt dem Gerät
   oder der Wahl mit dem Tag/Nacht-Schalter (html[data-theme]). Neue Farben nur hier eintragen. */
:root{
  color-scheme:dark light;
  --bg:#0e1218;--surface:#151d27;--elevated:#202c3a;
  --fg:#f4f3ed;--muted:#bbc5d1;
  --accent:#d9dee5;--on-accent:#0e1218;--gold:#c9a96b;
  --good:#6fc3a0;--warn:#e0b45c;--danger:#ef8a84;
  --line:rgba(191,209,229,.18);
  --good-bg:rgba(111,195,160,.14);--warn-bg:rgba(224,180,92,.14);--danger-bg:rgba(239,138,132,.14);
  --glass:rgba(14,18,24,.72);--scrim:rgba(0,0,0,.55);--shadow-ink:#000000;
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.28);
  --shadow-2:0 2px 4px rgba(0,0,0,.45),0 18px 48px rgba(0,0,0,.45);
  --radius-s:10px;--radius-m:14px;--radius-l:20px;
}
:root[data-theme="dark"]{color-scheme:dark}
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    color-scheme:light;
    --bg:#f5f3ee;--surface:#ffffff;--elevated:#ece9e2;
    --fg:#14181d;--muted:#5b6470;
    --accent:#1b2530;--on-accent:#f5f3ee;--gold:#7a5f26;
    --good:#2f6b53;--warn:#7d5a12;--danger:#a63d38;
    --line:rgba(20,24,29,.12);
    --good-bg:rgba(47,107,83,.12);--warn-bg:rgba(125,90,18,.12);--danger-bg:rgba(166,61,56,.12);
    --glass:rgba(245,243,238,.78);--scrim:rgba(20,24,29,.4);--shadow-ink:#14181d;
    --shadow-1:0 1px 2px rgba(20,24,29,.08),0 4px 16px rgba(20,24,29,.06);
    --shadow-2:0 2px 4px rgba(20,24,29,.1),0 18px 48px rgba(20,24,29,.16);
  }
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f3ee;--surface:#ffffff;--elevated:#ece9e2;
  --fg:#14181d;--muted:#5b6470;
  --accent:#1b2530;--on-accent:#f5f3ee;--gold:#7a5f26;
  --good:#2f6b53;--warn:#7d5a12;--danger:#a63d38;
  --line:rgba(20,24,29,.12);
  --good-bg:rgba(47,107,83,.12);--warn-bg:rgba(125,90,18,.12);--danger-bg:rgba(166,61,56,.12);
  --glass:rgba(245,243,238,.78);--scrim:rgba(20,24,29,.4);--shadow-ink:#14181d;
  --shadow-1:0 1px 2px rgba(20,24,29,.08),0 4px 16px rgba(20,24,29,.06);
  --shadow-2:0 2px 4px rgba(20,24,29,.1),0 18px 48px rgba(20,24,29,.16);
}
@media (prefers-reduced-transparency: reduce){
  :root{--glass:var(--surface)}
}
@media (prefers-contrast: more){
  :root{--line:currentColor}
}