/* D2a-Tokens (docs/design/konzept.md §1–§2, Referenz docs/design/d2a.css) · kein Schwarz */
:root{
  color-scheme:light;
  --bg:#f1f0ec; --flaeche:#ffffff; --flaeche2:#f7f6f2; --flaeche3:#e9e7e1;
  --ink:oklch(25% 0.05 250); --ink2:oklch(36% 0.045 250); --muted:oklch(47% 0.03 250);
  --linie:oklch(88% 0.01 250); --linie2:oklch(78% 0.015 250);
  --signal:#e3a21a; --akzent:#8a5a00; --akzent-weich:rgba(227,162,26,.16); --fokus:#a86b00; --auf-signal:oklch(25% 0.05 250);
  --knopf:oklch(25% 0.05 250); --knopftext:#ffffff;
  /* Schalter (03.11.): eingelassene Spur, gewählte Wahl als erhabener Daumen · Hover als Hauch Tinte */
  --spur:oklch(25% 0.05 250 / .065); --spur-rand:oklch(25% 0.05 250 / .05); --daumen:#ffffff; --hauch:oklch(25% 0.05 250 / .06);
  /* --dp und --ins: gleich --dp-akzent/--in-akzent, bei Änderung beide pflegen */
  --dp:oklch(46% 0.13 256); --ins:#b44945; --neutral:oklch(82% 0.015 250);
  --schatten:oklch(25% 0.05 250 / .16);
  /* Kanal-Farben der Zeitleiste (Teil 1b, F12) · Violett unter Farbton 330 (Sicht-Werkzeug meldet Rot ab 330) */
  --k-praesenz:var(--dp); --k-video:oklch(52% 0.09 200); --k-telefon:oklch(50% 0.14 300); --k-mail:var(--muted); --k-rest:var(--muted);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:oklch(17% 0.035 255); --flaeche:oklch(21% 0.04 255); --flaeche2:oklch(24% 0.04 255); --flaeche3:oklch(29% 0.04 255);
  --ink:oklch(94% 0.012 250); --ink2:oklch(85% 0.02 250); --muted:oklch(74% 0.025 250);
  --linie:oklch(32% 0.035 255); --linie2:oklch(42% 0.035 255);
  --signal:#f2b134; --akzent:#f2b134; --akzent-weich:rgba(242,177,52,.14); --fokus:#f6c35a; --auf-signal:oklch(22% 0.05 250);
  --knopf:oklch(94% 0.012 250); --knopftext:oklch(21% 0.04 255);
  --spur:oklch(9% 0.03 255 / .38); --spur-rand:oklch(94% 0.012 250 / .09); --daumen:oklch(35% 0.045 255); --hauch:oklch(94% 0.012 250 / .07);
  --dp:oklch(72% 0.11 255); --ins:#e48a7f; --neutral:oklch(42% 0.03 255);
  --schatten:oklch(8% 0.03 255 / .5);
  --k-praesenz:var(--dp); --k-video:oklch(74% 0.09 200); --k-telefon:oklch(74% 0.12 300); --k-mail:var(--muted); --k-rest:oklch(85% 0.025 250);   /* Sonstiges im Dunkel heller als --muted (Thomas, ⛔2) */
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:oklch(17% 0.035 255); --flaeche:oklch(21% 0.04 255); --flaeche2:oklch(24% 0.04 255); --flaeche3:oklch(29% 0.04 255);
  --ink:oklch(94% 0.012 250); --ink2:oklch(85% 0.02 250); --muted:oklch(74% 0.025 250);
  --linie:oklch(32% 0.035 255); --linie2:oklch(42% 0.035 255);
  --signal:#f2b134; --akzent:#f2b134; --akzent-weich:rgba(242,177,52,.14); --fokus:#f6c35a; --auf-signal:oklch(22% 0.05 250);
  --knopf:oklch(94% 0.012 250); --knopftext:oklch(21% 0.04 255);
  --spur:oklch(9% 0.03 255 / .38); --spur-rand:oklch(94% 0.012 250 / .09); --daumen:oklch(35% 0.045 255); --hauch:oklch(94% 0.012 250 / .07);
  --dp:oklch(72% 0.11 255); --ins:#e48a7f; --neutral:oklch(42% 0.03 255);
  --schatten:oklch(8% 0.03 255 / .5);
  --k-praesenz:var(--dp); --k-video:oklch(74% 0.09 200); --k-telefon:oklch(74% 0.12 300); --k-mail:var(--muted); --k-rest:oklch(85% 0.025 250);   /* Sonstiges im Dunkel heller als --muted (Thomas, ⛔2) */
}

/* Abstände, Schriftstufen, Maße */
:root{
  --font:"Archivo","Helvetica Neue",Arial,ui-sans-serif,system-ui,sans-serif;
  --buch:"Newsreader",Georgia,"Times New Roman",serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:36px;--s7:56px;
  --t-seite:clamp(2rem,1.6rem + 1.6vw,2.75rem);--t-detail:clamp(1.55rem,1.3rem + 1vw,2rem);--t-name:1.08rem;--t-gruppe:1rem;--t-text:1rem;--t-meta:.84rem;
  --nav:232px;--lese:46rem;--breit:64rem;--zeile:46px;--r:8px;
  --kopf:56px;
}

/* Teamtöne (Marke nur als Linie und Ring) und Karmin für überfällig */
:root{
  --dp-akzent:oklch(46% 0.13 256); --dp-text:oklch(42% 0.13 256); --dp-flaeche:oklch(96.5% 0.018 256);
  --in-akzent:#b44945;             --in-text:oklch(47% 0.14 25);  --in-flaeche:oklch(96.5% 0.018 25);
  --hcg-akzent:#4b6e3b;            --hcg-text:oklch(42% 0.09 145); --hcg-flaeche:oklch(96.5% 0.018 145);
  --marke-hcg:var(--hcg-akzent);   /* Moosgrün aus der Insodia-Palette, Linie 5,1:1 und mehr auf Weiß und Papier */
  --ne-akzent:oklch(45% 0.03 250); --ne-text:oklch(40% 0.03 250); --ne-flaeche:oklch(96.5% 0.006 250);
  --auf-team:#ffffff;
  --ueberfaellig:oklch(46% 0.2 345); --auf-ueberfaellig:#ffffff;
  --v-zahl:oklch(53% 0.2 27); --auf-v-zahl:#ffffff;   /* Rot der Vorschlagszahl, nur wenn Vorschläge offen sind */
  /* Stand einer Teilnahme im Raum: ja grün, warte Bernstein (warte2 kräftiger), nein grau · kein Rot */
  --st-ja:oklch(93% 0.06 150); --st-ja-text:oklch(36% 0.1 150);
  --st-warte:oklch(95% 0.05 85); --st-warte-text:oklch(42% 0.09 70);
  --st-warte2:oklch(87% 0.11 80); --st-warte2-text:oklch(34% 0.08 65);
  --st-nein:oklch(93% 0.005 250); --st-nein-text:oklch(50% 0.02 250);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --dp-akzent:oklch(74% 0.11 255); --dp-text:oklch(80% 0.09 255); --dp-flaeche:oklch(25% 0.045 256);
  --in-akzent:#e48a7f;             --in-text:oklch(80% 0.09 25);  --in-flaeche:oklch(26% 0.045 25);
  --hcg-akzent:oklch(74% 0.1 145); --hcg-text:oklch(80% 0.09 145); --hcg-flaeche:oklch(26% 0.04 145);
  --ne-akzent:oklch(76% 0.03 250); --ne-text:oklch(84% 0.02 250); --ne-flaeche:oklch(24% 0.03 255);
  --auf-team:oklch(20% 0.04 255);
  --ueberfaellig:oklch(74% 0.16 345); --auf-ueberfaellig:oklch(20% 0.04 255);
  --v-zahl:oklch(68% 0.17 27); --auf-v-zahl:oklch(20% 0.04 255);
  --st-ja:oklch(34% 0.07 150); --st-ja-text:oklch(88% 0.09 150);
  --st-warte:oklch(32% 0.05 80); --st-warte-text:oklch(86% 0.08 85);
  --st-warte2:oklch(45% 0.09 75); --st-warte2-text:oklch(95% 0.06 85);
  --st-nein:oklch(28% 0.02 255); --st-nein-text:oklch(70% 0.02 250);
}}
:root[data-theme="dark"]{
  --dp-akzent:oklch(74% 0.11 255); --dp-text:oklch(80% 0.09 255); --dp-flaeche:oklch(25% 0.045 256);
  --in-akzent:#e48a7f;             --in-text:oklch(80% 0.09 25);  --in-flaeche:oklch(26% 0.045 25);
  --hcg-akzent:oklch(74% 0.1 145); --hcg-text:oklch(80% 0.09 145); --hcg-flaeche:oklch(26% 0.04 145);
  --ne-akzent:oklch(76% 0.03 250); --ne-text:oklch(84% 0.02 250); --ne-flaeche:oklch(24% 0.03 255);
  --auf-team:oklch(20% 0.04 255);
  --ueberfaellig:oklch(74% 0.16 345); --auf-ueberfaellig:oklch(20% 0.04 255);
  --v-zahl:oklch(68% 0.17 27); --auf-v-zahl:oklch(20% 0.04 255);
  --st-ja:oklch(34% 0.07 150); --st-ja-text:oklch(88% 0.09 150);
  --st-warte:oklch(32% 0.05 80); --st-warte-text:oklch(86% 0.08 85);
  --st-warte2:oklch(45% 0.09 75); --st-warte2-text:oklch(95% 0.06 85);
  --st-nein:oklch(28% 0.02 255); --st-nein-text:oklch(70% 0.02 250);
}

/* D2a · Papier und Elfenbein */
:root{--f-nav:#ffffff;--f-liste:oklch(95.6% 0.007 250);--f-liste-hover:oklch(93.6% 0.009 250);--f-auslage:oklch(98.6% 0.011 85);--f-karte:#ffffff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--f-nav:oklch(14% 0.03 255);--f-liste:oklch(18.5% 0.035 255);--f-liste-hover:oklch(21% 0.035 255);--f-auslage:oklch(22.5% 0.028 250);--f-karte:oklch(25.5% 0.03 250)}}
:root[data-theme="dark"]{--f-nav:oklch(14% 0.03 255);--f-liste:oklch(18.5% 0.035 255);--f-liste-hover:oklch(21% 0.035 255);--f-auslage:oklch(22.5% 0.028 250);--f-karte:oklch(25.5% 0.03 250)}