/* Eigenstaendiger dark-Farbvertrag. Keine Vererbung aus dem anderen Modus. */
@layer tokens{
:root[data-theme="dark"]{
  --switch-active-bg:var(--hl);
  --switch-active-thumb:var(--hl-ink);
  --klar-bg:#1a1e24;
  --klar-card:#22272e;
  --klar-ink:#f0f2f5;
  --klar-sub:#aab1b9;
  --klar-muted:#aab1b9;
  --klar-line:rgba(255,255,255,.20);
  --klar-soft:rgba(255,255,255,.10);
  --klar-active:rgba(255,255,255,.055);
  --klar-surface-subtle:color-mix(in srgb,var(--klar-active) 30%,transparent);
  /* Opake Entsprechung über --klar-bg für Fotoaussparungen. */
  --klar-surface-subtle-solid:color-mix(in srgb,var(--klar-bg) 98.35%,white);
  --klar-accent:#f9ea19;
  --klar-accent-line:rgba(249,234,25,.45);
  --klar-photo-label-bg:rgba(20,24,29,.84);
  --klar-photo-label-ink:#f0f2f5;
  --klar-photo-label-line:rgba(255,255,255,.24);
  --klar-photo-accent:#f9ea19;

  /* Gesicht in der rechten oberen Ecke erhalten; Ausblendung erst außen darum. */
  --team-portraet-kante:linear-gradient(90deg,transparent 0%,#000 30%);
  --team-portraet-maske:radial-gradient(72% 110% at 89% 8%,#000 0%,#000 30%,rgba(0,0,0,.85) 46%,transparent 78%);
  --team-portraet-deckkraft:.98;

  /* Dekoratives Team-Motiv: klare Ecke, weicher Auslauf vor dem Text. */
  --team-hintergrund-maske:radial-gradient(95% 140% at 104% -4%,#000 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.48) 48%,transparent 76%);
  --team-hintergrund-deckkraft:.86;

  /* Team-Navigation: statischer Sportakzent, keine Status-/Auswahlfarbe. */
  --team-kachel-fuss-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-fuss) 10%,transparent) 0%,color-mix(in srgb,var(--sp-fuss) 3%,transparent) 42%,transparent 76%);
  --team-kachel-tennis-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-tennis) 10%,transparent) 0%,color-mix(in srgb,var(--sp-tennis) 3%,transparent) 42%,transparent 76%);
  --team-kachel-ttennis-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-ttennis) 10%,transparent) 0%,color-mix(in srgb,var(--sp-ttennis) 3%,transparent) 42%,transparent 76%);
  --team-kachel-volley-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-volley) 10%,transparent) 0%,color-mix(in srgb,var(--sp-volley) 3%,transparent) 42%,transparent 76%);
  --team-kachel-breit-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-breit) 10%,transparent) 0%,color-mix(in srgb,var(--sp-breit) 3%,transparent) 42%,transparent 76%);

  /* Platzfotos: identischer dunkler Mediengrund, in jeder Palette eigenstaendig. */
  --court-photo-base:#191d23;
  --court-photo-shade:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.24) 100%);
  --court-photo-badge:rgba(0,0,0,.64);
  --court-photo-status:#8bddae;
  --signature-filter:brightness(0) invert(1);
  /* Akzent */
  --hl: #f9ea19;   /* Vereinsgelb — einziges Gelb der App */
  --hl-ink: #1a1a18;  /* Text auf Gelb */
  --logo-bg: #ffffff; /* neutrale helle Flaeche fuer externe Verbandszeichen */

  /* Sportarten */
  --sp-fuss: #15ad6a;
  --sp-tennis: #2f86e0;
  --sp-ttennis: #d6479b;
  --sp-volley: #f5811f;
  --sp-breit: #9b5de5;

  /* Sportarten als TEXT auf dunklem Grund (Mockup 5b) */
  --sp-fuss-t: #5cbf8c;
  --sp-tennis-t: #7fa6e0;
  --sp-ttennis-t: #e58cc0;
  --sp-volley-t: #f5a83c;
  --sp-breit-t: #b0a5e8;
  --kind-t: #6fc9c4;

  /* Gefolgte Mannschaft — eigene semantische Farbe, bewusst ausserhalb von
     Sportarten, Rollen und Statusfarben. */
  --follow: #b6d957;
  --follow-ink: #1a1a18;

  /* Status */
  --ok: #5cbf8c;
  --bad: #e0533f;
  --bad-ink: #ffffff; /* Text auf roter Statusflaeche */
  --info: #8fbfe8;
  --info-ink: var(--hl-ink); /* Text auf heller blauer Infoflaeche */
  --trainer: #5968c5;       /* eigene Rollenfarbe Trainer — bewusst getrennt von Sport/Status */
  --trainer-ink: #ffffff;
  --head: #1e222a;
  --bg: #1a1e24;
  --surface: #252b33;       /* erhoehte Nicht-Kachel-Flaeche: Toast/Input/Overlay */
  --kachel: #222730;          /* 152b: nur ein Hauch heller als der Grund, kein Rand */
  --kachel-rand: transparent;
  --kachel-schatten: 0 1px 2px rgba(0,0,0,.16); /* Legacy/Mikroelemente, NICHT fuer Kacheln */
  --kachel-material-verlauf:
    radial-gradient(135% 84% at 50% -14%,rgba(255,255,255,0.0088) 0%,rgba(255,255,255,0.0028) 29%,rgba(255,255,255,0.0) 55%),
    radial-gradient(125% 82% at 50% 116%,rgba(0,0,0,0.062) 0%,rgba(0,0,0,0.02) 37%,rgba(0,0,0,0.0) 69%),
    linear-gradient(180deg,rgba(255,255,255,0.002) 0%,rgba(0,0,0,0.0016) 45%,rgba(0,0,0,0.012) 100%);
  /* v4052: lower card elevation app-wide; surfaces and layout stay familiar. */
  --kachel-material-schatten:
    0 5px 12px rgba(0,0,0,.09),
    0 1px 3px rgba(0,0,0,.055),
    inset 0 0 3px rgba(255,255,255,0.00675),
    inset 0 1px 2px rgba(255,255,255,0.00975),
    inset 0 -1px 1px rgba(255,255,255,0.01275); /* v3854: untere Materialkante bleibt auch auf dunklen Fotos lesbar */
  --kachel-fest: #2d333d;     /* deckend — fuer Dinge auf einer Flaeche, etwa den Reiter in der Schiene */
  --field: #222730;
  --avatar-bg: #2d333d;      /* Personeninitialen: sichtbar von Kacheln abgesetzt */
  --vc-avatar-bg:#414b59; --vc-avatar-own-bg:#6b631f; /* Initialen in Vereinsmeisterschaften */
  --vc-podium-second:#9bafc7; --vc-podium-third:#d6ab7f; /* Dezente Rangakzente, keine Statusfarben */
  --line: rgba(255,255,255,.07);
  --line-stark: rgba(255,255,255,.15);   /* Kante der Karten (113c) — Rangfolge ueber die Linie, nicht ueber eine Flaeche */
  --ink: #f0f2f5;
  --muted: #858d97;
  --sek: #aab1b9;             /* Sekundaerstufe: Ort, Zeitspanne, Rollen — heller als muted */
  --hl-text: var(--hl);
  --shadow: 0 10px 30px -18px rgba(0,0,0,.65);
  /* Aliasse, die profil.css/termin.css seit v1 mit Rueckfallwert nutzen. Sie waren nie
     definiert; der Rueckfall galt. Hier explizit gleich dem Rueckfall gesetzt (kein sichtbarer Unterschied). */
  --card-2: var(--bg);
  --ink-2: var(--muted);
  --result-hoetmar:#f2cf24;
  --result-home:#2878ff; --result-away:#ec3f76;
  --ok-ink:var(--hl-ink);
  --control-line:var(--line);
  --boot-bg:#0e0f12;
  --watermark-opacity:.01;
  --media-ink:#fff;
  --badge-ink:#10141a;
  --theme-logo:url("../img/logo-dark.svg?v=4388");
  color-scheme:dark;

  /* Kontextfarben bestehender Komponenten; neue Komponenten bevorzugen semantische Rollen. */
  --paint-hm-fchip-box-shadow:rgba(0,0,0,.3);
  --paint-hm-kf-badge-color:#1a1a18;
  --paint-hm-kf-badge-background:#8fd9b6;
  --paint-hm-kf-badge-background-2:#f5a83c;
  --paint-hm-kf-badge-background-3:#e0533f;
  --paint-hm-kf-badge-background-4:#8fbfe8;
  --paint-komponenten-filter:rgba(255,255,255,.72);
  --paint-komponenten-filter-2:rgba(0,0,0,.62);
  --paint-bt-sig-border:#4a4f54;
  --paint-ez-perf-knopf-background:rgba(20,23,28,.9);
  --paint-ez-perf-box-background:#171a20;
  --paint-ez-perf-box-border:rgba(255,255,255,.16);
  --paint-ez-perf-box-box-shadow:rgba(0,0,0,.45);
  --paint-ez-perf-box-color:#f0f2f5;
  --paint-ez-perf-kopf-color:#aab1b9;
  --paint-ez-perf-hilfe-color:#aab1b9;
  --paint-ez-perf-stat-background:#222730;
  --paint-ez-perf-status-color:#aab1b9;
  --paint-ez-perf-aktionen-border:rgba(255,255,255,.16);
  --paint-ez-perf-aktionen-color:#f0f2f5;
  --paint-pf-dim-background:rgba(0,0,0,.66);
  --paint-pf-sheet-box-shadow:rgba(0,0,0,.75);
  --paint-pf-grip-background:#4A4F54;
  --paint-pf-row-color:#6C7176;
  --paint-pf-foot-color:#6C7176;
  --paint-pf-wrap-border-bottom-color:rgba(255,255,255,.09);
  --paint-pf-ausz-background:rgba(255,255,255,.05);
  --paint-ab-merk-border:rgba(249,234,25,.35);
  --paint-ab-balken-background:rgba(255,255,255,.10);
  --paint-au-head-border-bottom-color:rgba(255,255,255,.09);
  --paint-au-splash-accent-box-shadow:rgba(249,234,25,.38);
  --paint-au-msg-background:rgba(79,211,148,.12);
  --paint-au-msg-border-color:rgba(79,211,148,.42);
  --paint-au-msg-background-2:rgba(224,83,63,.12);
  --paint-au-msg-border:rgba(224,83,63,.4);
  --paint-au-mark-Maske:#000;
  --paint-au-mark-Maske-2:rgba(0,0,0,.55);
  --paint-au-mark-mask-image:#000;
  --paint-au-mark-mask-image-2:rgba(0,0,0,.55);
  --paint-pdf-flaeche-background:#fff;
  --paint-pdf-rahmen-background:#fff;
  --paint-pdf-hinweis-color:#6c7176;
  --paint-dk-merk-border:rgba(249,234,25,.35);
  --paint-fd-fotoweg-background:rgba(10,12,16,.72);
  --paint-fd-fotoweg-color:#fff;
  --paint-fd-fotoladen-background:rgba(249,234,25,.12);
  --paint-fd-sportresult-border:rgba(118,144,183,.28);
  /* Sports-poster artwork keeps its contrast in both app themes. */
  --paint-fact-yellow:#ffe72e;
  --paint-fact-black:#11161c;
  --paint-fact-white:#ffffff;
  --paint-fact-copy:#e3e6ee;
  --paint-fact-shadow:#00000038;
  --paint-fact-cyan:#6ce4ff;
  --paint-fact-navy:#102638;
  --paint-fact-purple:#d3a5ff;
  --paint-fact-plum:#291d3d;
  --paint-fact-orange:#ffb06d;
  --paint-fact-wine:#351f22;
  --paint-fact-lime:#cefa67;
  --paint-fact-forest:#172c26;
  --paint-fd-sportresult-color:#fff;
  --paint-fd-sportresult-background:#141922;
  --paint-fd-sportresult-box-shadow:rgba(0,0,0,0.247);
  --paint-fd-sportresult-border-color:rgba(255,215,47,.15);
  --paint-fd-sr-hero-background:#2878ff;
  --paint-fd-sr-hero-background-2:rgba(255,255,255,.024);
  --paint-fd-sr-hero-background-3:#ffd72f;
  --paint-fd-sr-hero-background-4:#05080d;
  --paint-fd-sr-hero-background-5:#030508;
  --paint-fd-sr-bgwap-filter:rgba(0,0,0,.48);
  --paint-fd-sr-grit-background:rgba(255,255,255,.035);
  --paint-fd-sr-grit-background-2:rgba(255,255,255,.18);
  --paint-fd-sr-grit-background-3:rgba(0,0,0,.42);
  --paint-fd-sr-glow-background:#2878ff;
  --paint-fd-sr-glow-background-2:#f2cf24;
  --paint-fd-sr-end-color:#fff;
  --paint-fd-sr-end-text-shadow:#000;
  --paint-fd-sr-end-text-shadow-2:rgba(255,255,255,.08);
  --paint-fd-sr-end-color-2:#101318;
  --paint-fd-sr-end-border:rgba(255,255,255,.78);
  --paint-fd-sr-end-background:#ffe94d;
  --paint-fd-sr-end-background-2:#ffd326;
  --paint-fd-sr-end-background-3:#f8b914;
  --paint-fd-sr-end-box-shadow:rgba(0,0,0,.46);
  --paint-fd-sr-end-box-shadow-2:rgba(0,0,0,.22);
  --paint-fd-sr-team-color:#fff;
  --paint-fd-sr-team-color-2:#f4f5f7;
  --paint-fd-sr-team-text-shadow:rgba(0,0,0,.85);
  --paint-fd-sr-team-color-3:#ffe03d;
  --paint-fd-sr-wappen-filter:rgba(0,0,0,.52);
  --paint-fd-sr-wapleer-border:rgba(255,255,255,.25);
  --paint-fd-sr-wapleer-background:rgba(255,255,255,.08);
  --paint-fd-sr-wapleer-filter:rgba(0,0,0,.52);
  --paint-fd-sr-score-color:#fff;
  --paint-fd-sr-score-color-2:#f3f4f5;
  --paint-fd-sr-score-text-shadow:#08090c;
  --paint-fd-sr-score-text-shadow-2:rgba(0,0,0,.5);
  --paint-fd-sr-score-color-3:#ffd62e;
  --paint-fd-sr-scorerhead-background:#181e27;
  --paint-fd-sr-scorerhead-background-2:#151a22;
  --paint-fd-sr-scorerhead-background-3:#ffd72f;
  --paint-fd-sr-scorerhead-color:#11151b;
  --paint-fd-sr-scorerhead-border:#ffe775;
  --paint-fd-sr-scorerhead-box-shadow:rgba(0,0,0,.35);
  --paint-fd-sr-scorerhead-color-2:#ffd72f;
  --paint-fd-sr-scorer-background:#2878ff;
  --paint-fd-sr-scorer-background-2:#ffd72f;
  --paint-fd-sr-scorer-background-3:#151a22;
  --paint-fd-sr-scorer-background-4:#131820;
  --paint-fd-sr-scorer-color:#8b95a3;
  --paint-fd-sr-tor-color:#eef1f5;
  --paint-fd-sr-tor-border:rgba(255,215,47,.28);
  --paint-fd-sr-tor-color-2:#ffd72f;
  --paint-fd-sr-tor-border-color:rgba(255,215,47,.24);
  --paint-fd-sr-tor-background:rgba(255,215,47,.035);
  --paint-fd-sr-keintor-color:#707987;
  --paint-fd-sr-table-border:rgba(255,255,255,.10);
  --paint-fd-sr-table-background:rgba(255,215,47,.035);
  --paint-fd-sr-table-background-2:rgba(255,255,255,.018);
  --paint-fd-sr-table-background-3:#1b212b;
  --paint-fd-sr-table-background-4:#171d26;
  --paint-fd-sr-table-background-5:#151a22;
  --paint-fd-sr-table-box-shadow:rgba(255,255,255,.025);
  --paint-fd-sr-table-box-shadow-2:rgba(255,215,47,.018);
  --paint-fd-sr-table-box-shadow-3:rgba(0,0,0,0.13);
  --paint-fd-sr-table-border-color:rgba(255,215,47,.14);
  --paint-fd-sr-tabtx-color:#eef1f4;
  --paint-fd-sr-tabtx-color-2:#ffe03d;
  --paint-fd-sr-tabtx-color-3:#737c89;
  --paint-fd-sr-tabtx-color-4:#101521;
  --paint-fd-sr-tabtx-border:rgba(255,255,255,.92);
  --paint-fd-sr-tabtx-background:#ffe64d;
  --paint-fd-sr-tabtx-background-2:#ffd321;
  --paint-fd-sr-tabtx-background-3:#ffbf17;
  --paint-fd-sr-tabtx-box-shadow:rgba(104,76,0,.72);
  --paint-fd-sr-tabtx-box-shadow-2:rgba(255,215,47,.15);
  --paint-fd-sr-tabtx-box-shadow-3:rgba(0,0,0,.25);
  --paint-fd-sr-end-background-4:#ffd72f;
  --paint-fd-sr-end-box-shadow-3:rgba(255,215,47,.28);
  --paint-fd-sr-score-background:rgba(255,215,47,.13);
  --paint-fd-sr-score-background-2:rgba(255,255,255,.05);
  --paint-fd-sr-score-background-3:rgba(255,215,47,.12);
  --paint-fd-sr-score-background-4:#ffd72f;
  --paint-fd-sr-score-box-shadow:rgba(0,0,0,.35);
  --paint-fd-sr-end-background-5:#101318;
  --paint-fd-sr-end-box-shadow-4:rgba(255,255,255,.22);
  --paint-fd-sr-rankicon-background:#ffe94d;
  --paint-fd-sr-rankicon-background-2:#ffd31e;
  --paint-fd-sr-rankicon-background-3:#f6b713;
  --paint-fd-sr-rankicon-color:#11151b;
  --paint-fd-sr-rankicon-border:rgba(255,255,255,.88);
  --paint-fd-sr-rankicon-box-shadow:rgba(0,0,0,.38);
  --paint-fd-sr-rankicon-box-shadow-2:rgba(0,0,0,.20);
  --paint-fd-sr-rankicon-stroke:#11151b;
  --paint-fd-sr-tabtx-color-5:#99a2af;
  --paint-fd-sr-place-color:#f5f6f7;
  --paint-fd-sr-place-text-shadow:rgba(0,0,0,.65);
  --paint-fd-sr-provisional-color:#ffd72f;
  --paint-fd-sr-points-color:#101521;
  --paint-fd-sr-points-background:#ffe94d;
  --paint-fd-sr-points-background-2:#ffd321;
  --paint-fd-sr-points-background-3:#ffbd14;
  --paint-fd-sr-points-border:rgba(255,255,255,.92);
  --paint-fd-sr-points-box-shadow:rgba(104,76,0,.72);
  --paint-fd-sr-points-box-shadow-2:rgba(255,215,47,.15);
  --paint-fd-sr-points-box-shadow-3:rgba(0,0,0,.25);
  --paint-fd-sr-points-background-4:rgba(16,21,33,.20);
  --paint-fd-sr-points-box-shadow-4:rgba(16,21,33,.11);
  --paint-fd-sr-tabtx-background-4:rgba(16,21,33,.22);
  --paint-fd-sr-tabtx-box-shadow-4:rgba(16,21,33,.12);
  --paint-fd-sr-team-background:#2878ff;
  --paint-fd-sr-team-box-shadow:#2878ff;
  --paint-fd-sr-team-background-2:#ffd72f;
  --paint-fd-sr-team-box-shadow-2:#ffd72f;
  --paint-fd-sr-scorerhead-background-4:#2878ff;
  --paint-fd-sr-scorerhead-background-5:rgba(21,26,34,.18);
  --paint-fd-sr-scorerhead-background-6:rgba(21,26,34,.64);
  --paint-fd-sr-scorerhead-background-7:rgba(20,25,34,0);
  --paint-fd-sr-scorerhead-background-8:rgba(20,25,34,.20);
  --paint-fd-sr-scorerhead-background-9:rgba(21,26,34,.76);
  --paint-fd-sr-scorerhead-background-10:rgba(255,255,255,.09);
  --paint-fd-sr-scorerhead-background-11:rgba(255,215,47,.12);
  --paint-fd-sr-scorerhead-background-12:rgba(255,255,255,.06);
  --paint-fd-sr-scorerhead-color-3:#f2f4f7;
  --paint-fd-sr-scorerhead-background-13:#222a35;
  --paint-fd-sr-scorerhead-background-14:#171d26;
  --paint-fd-sr-scorerhead-background-15:#12171e;
  --paint-fd-sr-scorerhead-border-2:rgba(255,215,47,.78);
  --paint-fd-sr-scorerhead-box-shadow-2:rgba(0,0,0,.28);
  --paint-fd-sr-scorerhead-box-shadow-3:rgba(255,255,255,.035);
  --paint-fd-sr-scorerhead-box-shadow-4:rgba(0,0,0,.18);
  --paint-hm-band-background:rgba(10,12,16,.32);
  --paint-hm-hero-datum-background:rgba(255,255,255,.05);
  --paint-hm-pill-color:#10141a;
  --paint-hm-row-background:rgba(10,12,16,.34);
  --paint-hm-date-background:rgba(255,255,255,.05);
  --paint-hm-duty-mini-background:rgba(255,255,255,.05);
  --paint-hm-ortpill-background:rgba(255,255,255,.05);
  --paint-hm-hero-box-shadow:rgba(0,0,0,.28);
  --paint-hm-kf-duty-box-shadow:rgba(0,0,0,.28);
  --paint-hm-duell-box-shadow:rgba(0,0,0,.28);
  --paint-hm-duell-border:rgba(255,255,255,.16);
  --paint-hm-hero-datum-border:rgba(255,255,255,.16);
  --paint-hm-pill-border:rgba(0,0,0,.16);
  --paint-hm-kf-badge-filter:rgba(0,0,0,.5);
  --paint-hm-sportbadge-border:rgba(255,255,255,.16);
  --paint-hm-live-x-background:rgba(10,12,16,.34);
  --paint-hm-live-x-color:#fff;
  --paint-hm-hero-background:rgba(255,255,255,0.0088);
  --paint-hm-hero-background-2:rgba(255,255,255,0.0028);
  --paint-hm-hero-background-3:rgba(255,255,255,0.0);
  --paint-hm-hero-background-4:rgba(0,0,0,0.062);
  --paint-hm-hero-background-5:rgba(0,0,0,0.02);
  --paint-hm-hero-background-6:rgba(0,0,0,0.0);
  --paint-hm-hero-background-7:rgba(255,255,255,0.002);
  --paint-hm-hero-background-8:rgba(0,0,0,0.0016);
  --paint-hm-hero-background-9:rgba(0,0,0,0.012);
  --paint-hm-hero-box-shadow-2:rgba(0,0,0,0.0845);
  --paint-hm-hero-box-shadow-3:rgba(0,0,0,0.052);
  --paint-hm-hero-box-shadow-4:rgba(255,255,255,0.00585);
  --paint-hm-hero-box-shadow-5:rgba(255,255,255,0.00845);
  --paint-hm-hero-box-shadow-6:rgba(0,0,0,0.02115);
  --paint-hm-hero-box-shadow-7:rgba(0,0,0,0.0943);
  --paint-hm-hero-box-shadow-8:rgba(0,0,0,0.0585);
  --paint-hm-hero-box-shadow-9:rgba(255,255,255,0.00615);
  --paint-hm-hero-box-shadow-10:rgba(255,255,255,0.0091);
  --paint-hm-hero-box-shadow-11:rgba(0,0,0,0.02275);
  --paint-hm-date-background-2:rgba(255,255,255,0.0088);
  --paint-hm-date-background-3:rgba(255,255,255,0.0028);
  --paint-hm-date-background-4:rgba(255,255,255,0.0);
  --paint-hm-date-background-5:rgba(0,0,0,0.062);
  --paint-hm-date-background-6:rgba(0,0,0,0.02);
  --paint-hm-date-background-7:rgba(0,0,0,0.0);
  --paint-hm-date-background-8:rgba(255,255,255,0.002);
  --paint-hm-date-background-9:rgba(0,0,0,0.0016);
  --paint-hm-date-background-10:rgba(0,0,0,0.012);
  --paint-hm-date-box-shadow:rgba(0,0,0,0.0845);
  --paint-hm-date-box-shadow-2:rgba(0,0,0,0.052);
  --paint-hm-date-box-shadow-3:rgba(255,255,255,0.00585);
  --paint-hm-date-box-shadow-4:rgba(255,255,255,0.00845);
  --paint-hm-date-box-shadow-5:rgba(0,0,0,0.02115);
  --paint-hm-duty-mini-background-2:rgba(255,255,255,0.0096);
  --paint-hm-duty-mini-background-3:rgba(255,255,255,0.0032);
  --paint-hm-duty-mini-background-4:rgba(255,255,255,0.0);
  --paint-hm-duty-mini-background-5:rgba(0,0,0,0.024);
  --paint-hm-duty-mini-background-6:rgba(0,0,0,0.0072);
  --paint-hm-duty-mini-background-7:rgba(0,0,0,0.0);
  --paint-hm-duty-mini-background-8:rgba(0,0,0,0.004);
  --paint-hm-duty-mini-box-shadow:rgba(0,0,0,0.0488);
  --paint-hm-duty-mini-box-shadow-2:rgba(255,255,255,0.0039);
  --paint-hm-duty-mini-box-shadow-3:rgba(255,255,255,0.00585);
  --paint-hm-duty-mini-box-shadow-4:rgba(0,0,0,0.0146);
  --paint-hm-schiene-box-shadow:rgba(0,0,0,0.0845);
  --paint-hm-schiene-box-shadow-2:rgba(0,0,0,0.052);
  --paint-hm-art-page-box-shadow:rgba(0,0,0,.14);
  --paint-hm-art-page-box-shadow-2:rgba(255,255,255,.014);
  --paint-hm-art-page-box-shadow-3:rgba(0,0,0,.12);
  --paint-hm-art-page-background:rgba(255,255,255,.006);
  --paint-hm-art-page-background-2:rgba(0,0,0,.080);
  --paint-hm-art-page-border:rgba(0,0,0,.30);
  --paint-hm-art-page-background-3:rgba(0,0,0,.075);
  --paint-hm-art-page-border-2:rgba(0,0,0,.28);
  --paint-hm-art-page-box-shadow-4:rgba(255,255,255,.085);
  --paint-hm-art-page-box-shadow-5:rgba(255,255,255,.040);
  --paint-hm-art-page-background-4:rgba(10,12,16,.30);
  --paint-hm-art-page-background-5:rgba(10,12,16,0);
  --paint-hm-art-page-background-6:rgba(8,10,14,.11);
  --paint-hm-art-page-background-7:rgba(8,10,14,.035);
  --paint-hm-art-page-background-8:rgba(8,10,14,0);
  --paint-hm-art-page-background-9:rgba(0,0,0,.082);
  --paint-hm-art-page-background-10:rgba(0,0,0,.030);
  --paint-hm-art-page-background-11:rgba(0,0,0,0);
  --paint-ig-install-aktiv-background:#12151a;
  --paint-ig-wrap-background:#12151a;
  --paint-ig-wrap-color:#f0f2f5;
  --paint-ig-unter-color:#7d848d;
  --paint-ig-nr-border-color:#5cbf8c;
  --paint-ig-nr-color:#5cbf8c;
  --paint-ig-tx-color:#4da3ff;
  --paint-ig-tx-color-2:#8fd9b6;
  --paint-ig-sym-background:#2d333d;
  --paint-ig-sym-color:#f0f2f5;
  --paint-ig-sym-background-2:#3a3a3c;
  --paint-ig-sym-color-2:#fff;
  --paint-ig-switch-background:#5cbf8c;
  --paint-ig-switch-background-2:#fff;
  --paint-ig-switch-box-shadow:rgba(0,0,0,.3);
  --paint-ig-mini-eb-color:#7d848d;
  --paint-ig-mini-background:#1d222a;
  --paint-ig-mini-border:rgba(255,255,255,.08);
  --paint-ig-mini-oder-color:#7d848d;
  --paint-ig-mini-ic-background:#2d333d;
  --paint-ig-mini-ic-color:#fff;
  --paint-ig-mini-ics-color:#7d848d;
  --paint-ig-mini-tx-color:#adb3bc;
  --paint-ig-mini-tx-color-2:#f0f2f5;
  --paint-ig-info-color:#f0f2f5;
  --paint-ig-fuss-color:#5c636d;
  --paint-ms-mark--webkit-mask-image:#000;
  --paint-ms-mark--webkit-mask-image-2:rgba(0,0,0,.55);
  --paint-ms-mark-mask-image:#000;
  --paint-ms-mark-mask-image-2:rgba(0,0,0,.55);
  --paint-ms-authhead-border-bottom-color:rgba(255,255,255,.09);
  --paint-mr-ic-background:rgba(255,255,255,.06);
  --paint-mb-haken-border:#4a4f54;
  --paint-st-z-border:rgba(249,234,25,.35);
  --paint-kd-pille-background:rgba(92,191,140,.16);
  --paint-kd-pille-background-2:rgba(224,83,63,.16);
  --paint-kd-merk-border:rgba(249,234,25,.35);
  --paint-kd-info-background:#3a4048;
  --paint-kd-info-color:#1a1a18;
  --paint-kd-kein-color:#1a1a18;
  --paint-kd-zust-background:#3a4048;
  --paint-mb-schiene-box-shadow:rgba(0,0,0,.3);
  --paint-mb-legende2-background:#3a4048;
  --paint-pr-court3d-filter:rgba(0,0,0,.22);
  --paint-pr-court-top-fill:#a86843;
  --paint-pr-court-side-l-fill:#5a3828;
  --paint-pr-court-line-stroke:rgba(255,255,255,.82);
  --paint-pr-court-net-stroke:rgba(255,255,255,.96);
  --paint-scr-leiste-border-bottom-color:rgba(255,255,255,.09);
  --paint-spb-paar-box-shadow:rgba(0,0,0,.24);
  --paint-tm-quote-background:rgba(255,255,255,.06);
  --paint-tm-quote-background-2:rgba(255,255,255,.10);
  --paint-tm-date-background:rgba(255,255,255,.05);
  --paint-sp-plan-box-shadow:rgba(0,0,0,.18);
  --paint-sp-plan-background:#1c4035;
  --paint-sp-plan-background-2:#18352e;
  --paint-sp-plan-border:rgba(255,255,255,.2);
  --paint-sp-plan-border-top:rgba(255,255,255,.16);
  --paint-sp-plan-border-2:rgba(255,255,255,.16);
  --paint-sp-plan-border-3:rgba(255,255,255,.45);
  --paint-sp-plan-color:#eaf6ee;
  --paint-sp-plan-text-shadow:rgba(0,0,0,.5);
  --paint-sp-plan-border-4:rgba(255,255,255,.25);
  --paint-tp-info-background:rgba(8,9,11,.72);
  --paint-tm-merk-border:rgba(249,234,25,.35);
  --paint-tm-pz-border-color:rgba(249,234,25,.35);
  --paint-tm-cardmedia-preview-background:rgba(10,12,16,.24);
  --paint-tm-cardmedia-preview-background-2:rgba(10,12,16,0);
  --paint-tm-cardmedia-preview-background-3:rgba(8,10,14,.12);
  --paint-tm-cardmedia-label-background:rgba(20,24,30,.82);
  --paint-tm-cardmedia-label-box-shadow:rgba(0,0,0,.20);
  --paint-tm-cardmedia-focus-border:rgba(255,255,255,.92);
  --paint-tm-cardmedia-focus-box-shadow:rgba(0,0,0,.45);
  --paint-tm-cardmedia-focus-background:#fff;
  --paint-tm-teamhero-box-shadow:rgba(0,0,0,0.078);
  --paint-tm-teamhero-box-shadow-2:rgba(0,0,0,0.0423);
  --paint-tm-teamhero-background:rgba(8,11,16,.28);
  --paint-tm-teamhero-background-2:rgba(8,11,16,.04);
  --paint-tm-teamhero-background-3:rgba(8,11,16,.18);
  --paint-tm-teamhero-background-4:rgba(8,11,16,.88);
  --paint-tm-teamhero-background-5:rgba(8,11,16,.16);
  --paint-tm-teamhero-background-6:rgba(8,11,16,0);
  --paint-tm-teamhero-background-7:rgba(8,11,16,.07);
  --paint-tm-teamhero-tx-color:#f4f5f7;
  --paint-tm-teamhero-tx-text-shadow:rgba(0,0,0,.38);
  --paint-tm-teamhero-meta-color:#aeb5bf;
  --paint-tm-teamhero-chev-color:#c0c6cf;
  --paint-tm-teamhero-wappen-filter:rgba(0,0,0,.26);
  --paint-tm-teamhero-tx-text-shadow-2:rgba(0,0,0,.22);
  --paint-dt-kopfpill-color:#10141a;
  --paint-dt-kopfpill-color-2:#1a1a18;
  --paint-dt-kopfpill-background:#8fd9b6;
  --paint-dt-kopfpill-background-2:#f5a83c;
  --paint-dt-kopfpill-background-3:#e0533f;
  --paint-dt-kopfpill-background-4:#8fbfe8;
  --paint-dt-band-box-shadow:rgba(0,0,0,0.208);
  --paint-dt-band-background:rgba(10,12,16,.52);
  --paint-dt-band-background-2:rgba(10,12,16,.18);
  --paint-dt-background:rgba(255,255,255,.62);
  --paint-dt-background-2:rgba(10,12,16,.35);
  --paint-dt-background-3:rgba(10,12,16,.5);
  --paint-dt-kopfpille-box-shadow:rgba(0,0,0,.28);
  --paint-dt-kopfpille-border:rgba(255,255,255,.16);
  --paint-dt-kopfpill-border-color:rgba(0,0,0,.16);
}
@media (hover: none) and (pointer: coarse){
  :root[data-theme="dark"]{
  /* Platzfotos: identischer dunkler Mediengrund, in jeder Palette eigenstaendig. */
  --court-photo-base:#191d23;
  --court-photo-shade:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.24) 100%);
  --court-photo-badge:rgba(0,0,0,.64);
  --court-photo-status:#8bddae;
    --hl: #f9ea19;
    --sp-fuss: #00c46b;
    --sp-tennis: #1f8cff;
    --sp-ttennis: #e04ba6;
    --sp-volley: #ff8400;
    --sp-breit: #a855ff;
    --sp-fuss-t: #4fd394;
    --sp-tennis-t: #79b4ff;
    --sp-ttennis-t: #f094c8;
    --sp-volley-t: #ffb03c;
    --sp-breit-t: #bda6ff;
    --kind-t: #52dbd4;
    --ok: #4fd394;
    --bad: #ff5a41;
    --info: #86c8ff;
  }
  :root[data-theme="dark"]{
  /* Platzfotos: identischer dunkler Mediengrund, in jeder Palette eigenstaendig. */
  --court-photo-base:#191d23;
  --court-photo-shade:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.24) 100%);
  --court-photo-badge:rgba(0,0,0,.64);
  --court-photo-status:#8bddae; --ink:#ffffff; --muted:#9aa0a6; }
  
}

/* ═══ Breiter Farbraum (iPhone-Display) ═══
   Hex-Werte sind sRGB und werden auf dem weiten Farbraum des iPhones zurueckgerechnet —
   sie wirken dort blasser. Wo das Geraet mehr kann, stehen Akzent-, Sportart- und
   Statusfarben deshalb in display-p3 mit VOLLER Saettigung (gleicher Farbton, kein
   Zurueckrechnen). Neutraltoene bleiben unangetastet.
   Dieser Block steht bewusst ZULETZT: er ist die kraeftigste Stufe. */
@supports (color: color(display-p3 1 1 1)){
  @media (color-gamut: p3){
    :root[data-theme="dark"]{
  /* Platzfotos: identischer dunkler Mediengrund, in jeder Palette eigenstaendig. */
  --court-photo-base:#191d23;
  --court-photo-shade:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(0,0,0,.04) 48%,rgba(0,0,0,.24) 100%);
  --court-photo-badge:rgba(0,0,0,.64);
  --court-photo-status:#8bddae;
      --hl: color(display-p3 .976 .918 .098);
      --sp-fuss: color(display-p3 0 .769 .420);
      --sp-tennis: color(display-p3 .122 .549 1);
      --sp-ttennis: color(display-p3 .878 .294 .651);
      --sp-volley: color(display-p3 1 .518 0);
      --sp-breit: color(display-p3 .659 .333 1);
      --sp-fuss-t: color(display-p3 .310 .827 .580);
      --sp-tennis-t: color(display-p3 .475 .706 1);
      --sp-ttennis-t: color(display-p3 .941 .580 .784);
      --sp-volley-t: color(display-p3 1 .690 .235);
      --sp-breit-t: color(display-p3 .741 .651 1);
      --kind-t: color(display-p3 .322 .859 .831);
      --ok: color(display-p3 .310 .827 .580);
      --bad: color(display-p3 1 .353 .255);
      --info: color(display-p3 .525 .784 1);
    }
    
  }
}

}
@layer komponenten{[data-theme="dark"] .bt-fort.kopf .bt-rule i{background:#3b3f43}}
@layer komponenten{[data-theme="dark"] .bt-fort.kopf .bt-rule i.on{background:var(--hl)}}
@layer screens{[data-theme="dark"] .au-code input{border-color:#3b3f43}}
@layer screens{[data-theme="dark"] .au-ck{border-color:#3b3f43}}
@layer screens{[data-theme="dark"] .au-ck-tx{color:#c6cacd}}
@layer screens{[data-theme="dark"] .ms-authhead .ms-progress i{background:#3b3f43}}
@layer screens{[data-theme="dark"] .ms-authhead .ms-progress i.on{background:var(--hl)}}

/* Variante: Farbrollen bleiben Eigentum der jeweiligen Palette. */
@layer tokens{
[data-theme="dark"] [data-design="klar"]{--ink:var(--klar-ink);--sek:var(--klar-sub);--muted:var(--klar-muted);--line:var(--klar-soft);--line-stark:var(--klar-line);--hl-text:var(--klar-accent);--kachel-material-verlauf:none;--kachel-material-schatten:none}
}

@layer tokens{
[data-theme="dark"] [data-sheet-design="register"]{--card-2:var(--klar-bg);--kachel:transparent;--field:var(--klar-active)}
}

@layer tokens{ :root[data-theme="dark"]{--welcome-canvas:#191d23;--welcome-image-mask:linear-gradient(to bottom,transparent,#000 14px);--studio-paper:#f0efed;--studio-ink:#292721;--studio-muted:#645446;--studio-line:#baa891} }