/* Werkstatt-Farbschema, hell und dunkel in einer Datei. Schalter: theme.js (data-theme), sonst Systemeinstellung.
   Kontraste (WCAG): hell Text 10,5 : 1, Muted 6,7 : 1, Lärche-Fläche mit Tiefblau-Schrift 5,5 : 1.
   Dunkel (neutrales Graphit, kein Blau auf großer Fläche): Text 16,4 : 1, Muted 9,7 : 1, Lärche 8,9 : 1; Karten #1A1D21; Tiefblau nur als --brand-bar (Hinweisleiste).
   Regel: Lärche (--accent) ist auf hellem Grund NIE Textfarbe (1,9 : 1), dort gilt --accent-text. */
:root{
  color-scheme:light;
  --c-kalk:#F4F4EF;--c-tiefblau:#1B3A5C;--c-laerche:#E0A93B;--c-rinde:#6E4F37;--c-eis:#DCE5EF;
  --bg:#F4F4EF;--fg:#1B3A5C;--muted:#6E4F37;
  --accent:#E0A93B;--on-accent:#1B3A5C;--accent-text:#6E4F37;
  --surface:#DCE5EF;--surface-2:#FFFFFF;--line:#BFCDDC;--focus:#1B3A5C;
  --logo-filter:none;--shadow:#1B3A5Caa;--brand-bar:#1B3A5C;--on-brand-bar:#F4F4EF;
  --radius:6px;
  --s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:40px;--s6:72px;--s7:120px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0F1114;--fg:#F1EFE6;--muted:#C8B79F;
  --accent:#E0A93B;--on-accent:#0F1114;--accent-text:#E0A93B;
  --surface:#1A1D21;--surface-2:#090A0C;--line:#2A2E33;--focus:#E0A93B;
  --logo-filter:invert(1);--shadow:#000;--brand-bar:#1B3A5C;--on-brand-bar:#F4F4EF;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0F1114;--fg:#F1EFE6;--muted:#C8B79F;
    --accent:#E0A93B;--on-accent:#0F1114;--accent-text:#E0A93B;
    --surface:#1A1D21;--surface-2:#090A0C;--line:#2A2E33;--focus:#E0A93B;
    --logo-filter:invert(1);--shadow:#000;--brand-bar:#1B3A5C;--on-brand-bar:#F4F4EF;
  }
}
.logo{filter:var(--logo-filter)}
.theme-toggle{min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line);background:none;color:var(--fg);border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600}
.theme-toggle:hover{background:var(--surface)}