/* CaddieScope – Farb- und Maßtokens der Weboberfläche.
   Hell ist die Grundlage; Dunkel gilt über prefers-color-scheme oder über
   [data-theme="dark"], das theme.js vor dem ersten Zeichnen setzt.
   Farben nur mit Bedeutung: Grün = Marke und Hauptaktion, Orange = Achtung,
   Status (--attn, --prog, --wait, --done, --closed, --warn, --crit) immer mit
   Symbol und Text.
   Die Farbwerte sind an design/palette.json gebunden (tests/palette_drift.rs). */
:root{
  color-scheme:light;
  --bg:#F6F5F1; --side:#F2EEE5; --surface:#FFFFFF; --surface-2:#F7F5F0; --hover:#EEEAE1; --sel:#EAF1E4;
  --line:#E2DED5; --line-strong:#CBC5BC; --field:#8C877F;
  --ink:#222426; --ink-2:#4E5051; --ink-3:#5F625E;
  --brand:#57A632; --primary:#347321; --primary-ink:#FFFFFF; --primary-hover:#2A5F1A; --link:#2F6B1E; --brand-tint:#EAF4E4;
  --logo-orange:#F39000; --badge:#F39000; --badge-ink:#222426;
  --attn:#B35A00; --attn-text:#8A4B00; --attn-tint:#FDEFD9;
  --prog:#2D6A93; --prog-tint:#E4EEF6;
  --wait:#5F625E; --done:#4E5051; --closed:#6B6E69;
  --warn:#8A6A00; --warn-text:#6B5300; --warn-tint:#FFF4CC;
  --crit:#B3261E; --crit-tint:#FBE9E7;
  --v1:#4C88B0; --v2:#33708F; --v3:#22516B; --v4:#14334A;
  --data:#3E78A0; --data-soft:#C9DCEA;
  --focus:#347321; --shadow:0 10px 30px rgba(34,36,38,.16); --scrim:rgba(20,22,23,.45);
  --font:"Open Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --mono:Consolas,"Cascadia Mono",ui-monospace,"DejaVu Sans Mono",monospace;
  --fs-1:20px; --fs-2:15px; --fs-3:13px;
  --r:8px; --r-card:10px; --r-pill:999px; --row:44px;
  --t:120ms; --t-2:200ms; --ease:cubic-bezier(.2,0,0,1);
  /* Kurznamen, die die Foto-Bausteine verwenden */
  --green:var(--primary); --green-ink:var(--primary-ink); --green-tint:var(--brand-tint); --green-text:var(--link);
  --orange:var(--logo-orange); --orange-tint:var(--attn-tint); --orange-text:var(--attn-text);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#141615; --side:#191C1A; --surface:#1E2120; --surface-2:#232725; --hover:#2A2E2C; --sel:#22301C;
  --line:#313632; --line-strong:#454B47; --field:#7D847E;
  --ink:#ECEDE9; --ink-2:#C2C6C0; --ink-3:#A3A8A1;
  --primary:#6CC04A; --primary-ink:#0E1608; --primary-hover:#7FCD5E; --link:#86CF62; --brand-tint:#20301A;
  --badge:#F39000; --badge-ink:#1A1205;
  --attn:#FFB547; --attn-text:#FFC46E; --attn-tint:#3A2A12;
  --prog:#8DBDE2; --prog-tint:#1B2C3A;
  --wait:#A3A8A1; --done:#C2C6C0; --closed:#9A9F98;
  --warn:#F5D25C; --warn-text:#F5D25C; --warn-tint:#352E10;
  --crit:#FF8A80; --crit-tint:#3A1D1B;
  --v1:#4E86AB; --v2:#6FA6C9; --v3:#9CC6E0; --v4:#CFE6F4;
  --data:#6FA6C9; --data-soft:#2C4558;
  --focus:#86CF62; --shadow:0 10px 30px rgba(0,0,0,.55); --scrim:rgba(0,0,0,.6);
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#141615; --side:#191C1A; --surface:#1E2120; --surface-2:#232725; --hover:#2A2E2C; --sel:#22301C;
  --line:#313632; --line-strong:#454B47; --field:#7D847E;
  --ink:#ECEDE9; --ink-2:#C2C6C0; --ink-3:#A3A8A1;
  --primary:#6CC04A; --primary-ink:#0E1608; --primary-hover:#7FCD5E; --link:#86CF62; --brand-tint:#20301A;
  --badge:#F39000; --badge-ink:#1A1205;
  --attn:#FFB547; --attn-text:#FFC46E; --attn-tint:#3A2A12;
  --prog:#8DBDE2; --prog-tint:#1B2C3A;
  --wait:#A3A8A1; --done:#C2C6C0; --closed:#9A9F98;
  --warn:#F5D25C; --warn-text:#F5D25C; --warn-tint:#352E10;
  --crit:#FF8A80; --crit-tint:#3A1D1B;
  --v1:#4E86AB; --v2:#6FA6C9; --v3:#9CC6E0; --v4:#CFE6F4;
  --data:#6FA6C9; --data-soft:#2C4558;
  --focus:#86CF62; --shadow:0 10px 30px rgba(0,0,0,.55); --scrim:rgba(0,0,0,.6);
}