/* Farben der Webseite (1.82). Standard «Pota»: Creme und Nachtblau wie Pota; im Dunkelmodus Nachtblau mit Strohgelb.
   Wählbare Hintergründe wie in der App (memora/www/css/design.css); gesetzt von theme.js über data-bg und data-theme. */
:root{--bg:#FBF5EA;--surface:#FFFDF7;--surface2:#F3EBDC;--ink:#16203A;--muted:#5A6275;--line:#E5DBC6;--accent:#16203A;--accent-ink:#FBF5EA;--accent-soft:#F4E7C2;--gold:#E6B84E;--gold-soft:#F4E7C2;--hl:#A86F08}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#13243D;--surface:#1B3150;--surface2:#243D61;--ink:#EEF3FA;--muted:#B1C1D6;--line:#33507A;--accent:#F2C14E;--accent-ink:#13243D;--accent-soft:#25456B;--gold-soft:#2E3B4A;--hl:#F2C14E;--shadow:none}}
:root[data-theme="dark"]{--bg:#13243D;--surface:#1B3150;--surface2:#243D61;--ink:#EEF3FA;--muted:#B1C1D6;--line:#33507A;--accent:#F2C14E;--accent-ink:#13243D;--accent-soft:#25456B;--gold-soft:#2E3B4A;--hl:#F2C14E;--shadow:none}
:root[data-bg]{--ink:#283C38;--muted:#5C6B64;--accent:#236B68;--accent-ink:#FFF;--surface:#FFFFFF;--hl:var(--accent)}
:root[data-bg="weiss"]{--bg:#FFFFFF;--surface2:#F1F3F0;--line:#DFE4DD;--accent-soft:#E4EFEB}
:root[data-bg="grau"]{--bg:#E6E9EC;--surface2:#DCE0E5;--line:#CBD1D8;--accent-soft:#DCE9E5}
:root[data-bg="hellblau"]{--bg:#DCEBFA;--surface2:#D0E2F4;--line:#BCD3EA;--accent:#1F5F8B;--accent-soft:#D6E7F6}
:root[data-bg="gruen"]{--bg:#DCEFE6;--surface2:#CFE6DB;--line:#B9D8C9;--accent-soft:#D3EADF}
:root[data-bg="gelb"]{--bg:#FBF1C9;--surface:#FFFDF4;--surface2:#F3E6B6;--line:#E6D597;--accent-soft:#F4EAC2}
:root[data-bg="pink"]{--bg:#FADDE9;--surface2:#F3CFDE;--line:#E9B9CD;--accent:#A23A6B;--accent-soft:#F7DDE8}
:root[data-bg="violett"]{--bg:#E6DEF6;--surface2:#DACFF0;--line:#C7B8E6;--accent:#5C3F9E;--accent-soft:#E4DBF5}
:root[data-bg="dunkelblau"]{--bg:#13243D;--surface:#1B3150;--surface2:#243D61;--line:#33507A;--ink:#EEF3FA;--muted:#B1C1D6;--accent:#8EC9F5;--accent-ink:#13243D;--accent-soft:#25456B;--gold-soft:#2E3B4A;--shadow:none}
:root[data-bg="schwarz"]{--bg:#000000;--surface:#141414;--surface2:#222222;--line:#363636;--ink:#F3F3F3;--muted:#B4B4B4;--accent:#92CDB8;--accent-ink:#000000;--accent-soft:#1E3A33;--gold-soft:#2A2A22;--shadow:none}
.themepick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.themepick span{margin-right:2px}
.themepick button{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--sw);cursor:pointer;padding:0}
.themepick button[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:2px}