/* Farben und Schriften. Hell ist Vorgabe, dunkel folgt dem System
   (oder data-theme="dark"), data-theme="light" erzwingt hell. */
:root{
  --bg:#E9EEF0;--surface:#F6F8F9;--ink:#13303D;--muted:#5A7280;--line:#C9D5DB;
  --sea:#1F6E94;--rain:#8DB8D3;--warm:#C9762F;--cold:#4F86A8;
  --cond:"Barlow Condensed","Roboto Condensed","Arial Narrow",sans-serif;
  --body:"Barlow","Roboto","Segoe UI",system-ui,sans-serif;
  /* DWD-Warnstufen 1–4 (gelb, orange, rot, violett wie beim DWD) */
  --w1:#D9A400;--w2:#E8750A;--w3:#D12B1F;--w4:#8E2A8C;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1D24;--surface:#16272F;--ink:#E3ECEF;--muted:#8AA2AD;--line:#27404B;
  --sea:#6CB4D8;--rain:#3E6F8E;--warm:#E39A55;--cold:#6FA3C4;
  --w1:#F2C94C;--w2:#F59A3C;--w3:#F05A4F;--w4:#C77DC5;}}
:root[data-theme="dark"]{--bg:#0F1D24;--surface:#16272F;--ink:#E3ECEF;--muted:#8AA2AD;--line:#27404B;
  --sea:#6CB4D8;--rain:#3E6F8E;--warm:#E39A55;--cold:#6FA3C4;
  --w1:#F2C94C;--w2:#F59A3C;--w3:#F05A4F;--w4:#C77DC5;}