/* Eigenstaendiger light-Farbvertrag. Keine Vererbung aus dem anderen Modus. */
@layer tokens{
:root[data-theme="light"]{
  --switch-active-bg:var(--klar-sub);
  --switch-active-thumb:var(--klar-bg);
  --klar-bg:#fbf8f4;
  --klar-card:#fffdf9;
  --klar-ink:#191817;
  --klar-sub:#514b44;
  --klar-muted:#686159;
  --klar-line:rgba(34,30,24,.26);
  --klar-soft:rgba(34,30,24,.12);
  --klar-active:rgba(25,24,23,.03);
  --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) 99.1%,rgb(25,24,23));
  --klar-accent:#514800;
  --klar-accent-line:rgba(81,72,0,.55);
  --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:.94;

  /* 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:.74;

  /* 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) 6%,transparent) 0%,color-mix(in srgb,var(--sp-fuss) 2%,transparent) 42%,transparent 76%);
  --team-kachel-tennis-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-tennis) 6%,transparent) 0%,color-mix(in srgb,var(--sp-tennis) 2%,transparent) 42%,transparent 76%);
  --team-kachel-ttennis-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-ttennis) 6%,transparent) 0%,color-mix(in srgb,var(--sp-ttennis) 2%,transparent) 42%,transparent 76%);
  --team-kachel-volley-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-volley) 6%,transparent) 0%,color-mix(in srgb,var(--sp-volley) 2%,transparent) 42%,transparent 76%);
  --team-kachel-breit-verlauf:radial-gradient(65% 120% at 110% -15%,color-mix(in srgb,var(--sp-breit) 6%,transparent) 0%,color-mix(in srgb,var(--sp-breit) 2%,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);

  --result-hoetmar:var(--hl);
  --result-home:#2363b0; --result-away:#9c2868;
  --ok-ink:#ffffff;
  --control-line:#8a8175;
  color-scheme:light;
  --head:#fbf8f4; --bg:#fbf8f4; --boot-bg:#fbf8f4;
  --surface:#fffdf9; --kachel:#f5f0e8; --kachel-fest:#eee7dc;
  --field:#fffdf9; --avatar-bg:#eae3d8;
  --vc-avatar-bg:#fffdf9; --vc-avatar-own-bg:#fff2a3; /* Initialen in Vereinsmeisterschaften */
  --vc-podium-second:#536b87; --vc-podium-third:#875c33; /* Dezente Rangakzente, keine Statusfarben */
  --kachel-rand:transparent;
  --kachel-schatten:0 1px 2px rgba(40,31,16,.035);
  /* Gleiche Materialgeometrie wie Dunkel, eigenstaendige helle Licht-/Schattenwerte:
     weiches Oberlicht, untere Woelbung, Kontaktschatten und abgerundete Innenkanten. */
  --kachel-material-verlauf:
    radial-gradient(135% 84% at 50% -14%,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.072) 29%,rgba(255,255,255,0.0) 55%),
    radial-gradient(125% 82% at 50% 116%,rgba(40,31,16,0.026) 0%,rgba(40,31,16,0.0088) 37%,rgba(40,31,16,0.0) 69%),
    linear-gradient(180deg,rgba(255,255,255,0.032) 0%,rgba(40,31,16,0.0016) 45%,rgba(40,31,16,0.0072) 100%);
  /* v4052: lower card elevation app-wide; surfaces and layout stay familiar. */
  --kachel-material-schatten:
    0 5px 12px rgba(40,31,16,.075),
    0 1px 3px rgba(40,31,16,.05),
    inset 0 0 3px rgba(255,255,255,0.1125),
    inset 0 1px 2px rgba(255,255,255,0.2625),
    inset 0 -1px 1px rgba(40,31,16,0.0319);
  --line:rgba(34,30,24,.12); --line-stark:rgba(34,30,24,.26);
  --ink:#191817; --muted:#686159; --sek:#514b44;
  --hl:#f8ec59; --hl-ink:#191817; --hl-text:#514800;
  --logo-bg:#ffffff; --media-ink:#ffffff; --badge-ink:#ffffff;
  --shadow:0 8px 24px -16px rgba(40,31,16,.16);
  --card-2:var(--bg); --ink-2:var(--muted);
  --sp-fuss:#11784a; --sp-tennis:#2363b0; --sp-ttennis:#9c2868;
  --sp-volley:#98520d; --sp-breit:#7244ac;
  --sp-fuss-t:#11643f; --sp-tennis-t:#205997; --sp-ttennis-t:#92245e;
  --sp-volley-t:#85480d; --sp-breit-t:#673b9e; --kind-t:#176963;
  --follow:#d6e9a8; --follow-ink:#253710;
  --ok:#196c42; --bad:#b42f24; --bad-ink:#ffffff;
  --info:#265f90; --info-ink:#ffffff;
  --trainer:#4c56a5; --trainer-ink:#ffffff;
  --watermark-opacity:.02;
  --theme-logo:url("../img/logo-light.png?v=4388");

  /* Kontextfarben bestehender Komponenten; neue Komponenten bevorzugen semantische Rollen. */
  --paint-hm-fchip-box-shadow:rgba(40,31,16,0.066);
  --paint-hm-kf-badge-color:var(--ink);
  --paint-hm-kf-badge-background:var(--surface);
  --paint-hm-kf-badge-background-2:var(--hl);
  --paint-hm-kf-badge-background-3:#e0533f;
  --paint-hm-kf-badge-background-4:#8fbfe8;
  --paint-komponenten-filter:rgba(40,31,16,0.14);
  --paint-komponenten-filter-2:rgba(40,31,16,0.136);
  --paint-bt-sig-border:var(--line-stark);
  --paint-ez-perf-knopf-background:rgba(34,30,24,0.09);
  --paint-ez-perf-box-background:var(--bg);
  --paint-ez-perf-box-border:var(--line);
  --paint-ez-perf-box-box-shadow:rgba(40,31,16,0.099);
  --paint-ez-perf-box-color:var(--ink);
  --paint-ez-perf-kopf-color:var(--ink);
  --paint-ez-perf-hilfe-color:var(--ink);
  --paint-ez-perf-stat-background:var(--surface);
  --paint-ez-perf-status-color:var(--ink);
  --paint-ez-perf-aktionen-border:var(--line);
  --paint-ez-perf-aktionen-color:var(--ink);
  --paint-pf-dim-background:rgba(34,30,24,0.09);
  --paint-pf-sheet-box-shadow:rgba(40,31,16,0.14);
  --paint-pf-grip-background:#8a8175;
  --paint-pf-row-color:var(--muted);
  --paint-pf-foot-color:var(--muted);
  --paint-pf-wrap-border-bottom-color:var(--line);
  --paint-pf-ausz-background:rgba(34,30,24,0.023);
  --paint-ab-merk-border:rgba(248,236,89,0.35);
  --paint-ab-balken-background:rgba(34,30,24,0.045);
  --paint-au-head-border-bottom-color:var(--line);
  --paint-au-splash-accent-box-shadow:rgba(40,31,16,0.084);
  --paint-au-msg-background:rgba(79,211,148,.12);
  --paint-au-msg-border-color:var(--line-stark);
  --paint-au-msg-background-2:rgba(224,83,63,.12);
  --paint-au-msg-border:var(--line);
  --paint-au-mark-Maske:var(--bg);
  --paint-au-mark-Maske-2:rgba(34,30,24,0.09);
  --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:var(--muted);
  --paint-dk-merk-border:rgba(248,236,89,0.35);
  --paint-fd-fotoweg-background:rgba(0,0,0,.7);
  --paint-fd-fotoweg-color:var(--media-ink);
  --paint-fd-fotoladen-background:rgba(248,236,89,0.12);
  --paint-fd-sportresult-border:var(--line);
  /* 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:var(--ink);
  --paint-fd-sportresult-background:var(--bg);
  --paint-fd-sportresult-box-shadow:rgba(40,31,16,0.0546);
  --paint-fd-sportresult-border-color:rgba(248,236,89,0.15);
  --paint-fd-sr-hero-background:#2878ff;
  --paint-fd-sr-hero-background-2:rgba(34,30,24,0.011);
  --paint-fd-sr-hero-background-3:var(--hl);
  --paint-fd-sr-hero-background-4:var(--bg);
  --paint-fd-sr-hero-background-5:var(--bg);
  --paint-fd-sr-bgwap-filter:rgba(40,31,16,0.106);
  --paint-fd-sr-grit-background:rgba(34,30,24,0.016);
  --paint-fd-sr-grit-background-2:rgba(34,30,24,0.081);
  --paint-fd-sr-grit-background-3:rgba(34,30,24,0.09);
  --paint-fd-sr-glow-background:#2878ff;
  --paint-fd-sr-glow-background-2:var(--hl);
  --paint-fd-sr-end-color:var(--ink);
  --paint-fd-sr-end-text-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-end-text-shadow-2:rgba(40,31,16,0.018);
  --paint-fd-sr-end-color-2:var(--ink);
  --paint-fd-sr-end-border:var(--line-stark);
  --paint-fd-sr-end-background:var(--hl);
  --paint-fd-sr-end-background-2:var(--hl);
  --paint-fd-sr-end-background-3:var(--hl);
  --paint-fd-sr-end-box-shadow:rgba(40,31,16,0.101);
  --paint-fd-sr-end-box-shadow-2:rgba(40,31,16,0.048);
  --paint-fd-sr-team-color:var(--ink);
  --paint-fd-sr-team-color-2:var(--ink);
  --paint-fd-sr-team-text-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-team-color-3:var(--hl-text);
  --paint-fd-sr-wappen-filter:rgba(40,31,16,0.114);
  --paint-fd-sr-wapleer-border:var(--line);
  --paint-fd-sr-wapleer-background:rgba(34,30,24,0.036);
  --paint-fd-sr-wapleer-filter:rgba(40,31,16,0.114);
  --paint-fd-sr-score-color:var(--ink);
  --paint-fd-sr-score-color-2:var(--ink);
  --paint-fd-sr-score-text-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-score-text-shadow-2:rgba(40,31,16,0.11);
  --paint-fd-sr-score-color-3:var(--hl-text);
  --paint-fd-sr-scorerhead-background:var(--bg);
  --paint-fd-sr-scorerhead-background-2:var(--bg);
  --paint-fd-sr-scorerhead-background-3:var(--hl);
  --paint-fd-sr-scorerhead-color:var(--ink);
  --paint-fd-sr-scorerhead-border:var(--hl);
  --paint-fd-sr-scorerhead-box-shadow:rgba(40,31,16,0.077);
  --paint-fd-sr-scorerhead-color-2:var(--hl-text);
  --paint-fd-sr-scorer-background:#2878ff;
  --paint-fd-sr-scorer-background-2:var(--hl);
  --paint-fd-sr-scorer-background-3:var(--bg);
  --paint-fd-sr-scorer-background-4:var(--bg);
  --paint-fd-sr-scorer-color:var(--muted);
  --paint-fd-sr-tor-color:var(--ink);
  --paint-fd-sr-tor-border:rgba(248,236,89,0.28);
  --paint-fd-sr-tor-color-2:var(--hl-text);
  --paint-fd-sr-tor-border-color:rgba(248,236,89,0.24);
  --paint-fd-sr-tor-background:rgba(248,236,89,0.12);
  --paint-fd-sr-keintor-color:var(--muted);
  --paint-fd-sr-table-border:var(--line);
  --paint-fd-sr-table-background:rgba(248,236,89,0.12);
  --paint-fd-sr-table-background-2:rgba(34,30,24,0.008);
  --paint-fd-sr-table-background-3:var(--bg);
  --paint-fd-sr-table-background-4:var(--bg);
  --paint-fd-sr-table-background-5:var(--bg);
  --paint-fd-sr-table-box-shadow:rgba(40,31,16,0.006);
  --paint-fd-sr-table-box-shadow-2:rgba(40,31,16,0.004);
  --paint-fd-sr-table-box-shadow-3:rgba(40,31,16,0.0286);
  --paint-fd-sr-table-border-color:rgba(248,236,89,0.14);
  --paint-fd-sr-tabtx-color:var(--ink);
  --paint-fd-sr-tabtx-color-2:var(--hl-text);
  --paint-fd-sr-tabtx-color-3:var(--muted);
  --paint-fd-sr-tabtx-color-4:var(--ink);
  --paint-fd-sr-tabtx-border:var(--line-stark);
  --paint-fd-sr-tabtx-background:var(--hl);
  --paint-fd-sr-tabtx-background-2:var(--hl);
  --paint-fd-sr-tabtx-background-3:var(--hl);
  --paint-fd-sr-tabtx-box-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-tabtx-box-shadow-2:rgba(40,31,16,0.033);
  --paint-fd-sr-tabtx-box-shadow-3:rgba(40,31,16,0.055);
  --paint-fd-sr-end-background-4:var(--hl);
  --paint-fd-sr-end-box-shadow-3:rgba(40,31,16,0.062);
  --paint-fd-sr-score-background:rgba(248,236,89,0.13);
  --paint-fd-sr-score-background-2:rgba(34,30,24,0.023);
  --paint-fd-sr-score-background-3:rgba(248,236,89,0.12);
  --paint-fd-sr-score-background-4:var(--hl);
  --paint-fd-sr-score-box-shadow:rgba(40,31,16,0.077);
  --paint-fd-sr-end-background-5:var(--bg);
  --paint-fd-sr-end-box-shadow-4:rgba(40,31,16,0.048);
  --paint-fd-sr-rankicon-background:var(--hl);
  --paint-fd-sr-rankicon-background-2:var(--hl);
  --paint-fd-sr-rankicon-background-3:var(--hl);
  --paint-fd-sr-rankicon-color:var(--ink);
  --paint-fd-sr-rankicon-border:var(--line-stark);
  --paint-fd-sr-rankicon-box-shadow:rgba(40,31,16,0.084);
  --paint-fd-sr-rankicon-box-shadow-2:rgba(40,31,16,0.044);
  --paint-fd-sr-rankicon-stroke:var(--ink);
  --paint-fd-sr-tabtx-color-5:var(--muted);
  --paint-fd-sr-place-color:var(--ink);
  --paint-fd-sr-place-text-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-provisional-color:var(--hl-text);
  --paint-fd-sr-points-color:var(--ink);
  --paint-fd-sr-points-background:var(--hl);
  --paint-fd-sr-points-background-2:var(--hl);
  --paint-fd-sr-points-background-3:var(--hl);
  --paint-fd-sr-points-border:var(--line-stark);
  --paint-fd-sr-points-box-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-points-box-shadow-2:rgba(40,31,16,0.033);
  --paint-fd-sr-points-box-shadow-3:rgba(40,31,16,0.055);
  --paint-fd-sr-points-background-4:rgba(34,30,24,0.09);
  --paint-fd-sr-points-box-shadow-4:rgba(40,31,16,0.024);
  --paint-fd-sr-tabtx-background-4:rgba(34,30,24,0.09);
  --paint-fd-sr-tabtx-box-shadow-4:rgba(40,31,16,0.026);
  --paint-fd-sr-team-background:#2878ff;
  --paint-fd-sr-team-box-shadow:rgba(40,31,16,0.14);
  --paint-fd-sr-team-background-2:var(--hl);
  --paint-fd-sr-team-box-shadow-2:rgba(40,31,16,0.14);
  --paint-fd-sr-scorerhead-background-4:#2878ff;
  --paint-fd-sr-scorerhead-background-5:rgba(34,30,24,0.081);
  --paint-fd-sr-scorerhead-background-6:rgba(34,30,24,0.09);
  --paint-fd-sr-scorerhead-background-7:rgba(34,30,24,0.0);
  --paint-fd-sr-scorerhead-background-8:rgba(34,30,24,0.09);
  --paint-fd-sr-scorerhead-background-9:rgba(34,30,24,0.09);
  --paint-fd-sr-scorerhead-background-10:rgba(34,30,24,0.041);
  --paint-fd-sr-scorerhead-background-11:rgba(248,236,89,0.12);
  --paint-fd-sr-scorerhead-background-12:rgba(34,30,24,0.027);
  --paint-fd-sr-scorerhead-color-3:var(--ink);
  --paint-fd-sr-scorerhead-background-13:var(--surface);
  --paint-fd-sr-scorerhead-background-14:var(--bg);
  --paint-fd-sr-scorerhead-background-15:var(--bg);
  --paint-fd-sr-scorerhead-border-2:rgba(248,236,89,0.78);
  --paint-fd-sr-scorerhead-box-shadow-2:rgba(40,31,16,0.062);
  --paint-fd-sr-scorerhead-box-shadow-3:rgba(40,31,16,0.008);
  --paint-fd-sr-scorerhead-box-shadow-4:rgba(40,31,16,0.04);
  --paint-hm-band-background:rgba(10,12,16,.32);
  --paint-hm-hero-datum-background:rgba(34,30,24,0.023);
  --paint-hm-pill-color:var(--badge-ink);
  --paint-hm-row-background:rgba(10,12,16,.34);
  --paint-hm-date-background:rgba(34,30,24,0.023);
  --paint-hm-duty-mini-background:rgba(34,30,24,0.023);
  --paint-hm-ortpill-background:rgba(34,30,24,0.023);
  --paint-hm-hero-box-shadow:rgba(40,31,16,0.062);
  --paint-hm-kf-duty-box-shadow:rgba(40,31,16,0.062);
  --paint-hm-duell-box-shadow:rgba(40,31,16,0.062);
  --paint-hm-duell-border:var(--line);
  --paint-hm-hero-datum-border:var(--line);
  --paint-hm-pill-border:var(--line);
  --paint-hm-kf-badge-filter:rgba(40,31,16,0.11);
  --paint-hm-sportbadge-border:var(--line);
  --paint-hm-live-x-background:rgba(34,30,24,0.09);
  --paint-hm-live-x-color:var(--ink);
  --paint-hm-hero-background:rgba(34,30,24,0.004);
  --paint-hm-hero-background-2:rgba(34,30,24,0.0012);
  --paint-hm-hero-background-3:rgba(34,30,24,0.0);
  --paint-hm-hero-background-4:rgba(34,30,24,0.028);
  --paint-hm-hero-background-5:rgba(34,30,24,0.0092);
  --paint-hm-hero-background-6:rgba(34,30,24,0.0);
  --paint-hm-hero-background-7:rgba(34,30,24,0.0008);
  --paint-hm-hero-background-8:rgba(34,30,24,0.0008);
  --paint-hm-hero-background-9:rgba(34,30,24,0.0052);
  --paint-hm-hero-box-shadow-2:rgba(40,31,16,0.0189);
  --paint-hm-hero-box-shadow-3:rgba(40,31,16,0.0117);
  --paint-hm-hero-box-shadow-4:rgba(40,31,16,0.0013);
  --paint-hm-hero-box-shadow-5:rgba(40,31,16,0.00195);
  --paint-hm-hero-box-shadow-6:rgba(40,31,16,0.00455);
  --paint-hm-hero-box-shadow-7:rgba(40,31,16,0.0208);
  --paint-hm-hero-box-shadow-8:rgba(40,31,16,0.013);
  --paint-hm-hero-box-shadow-9:rgba(40,31,16,0.0013);
  --paint-hm-hero-box-shadow-10:rgba(40,31,16,0.00195);
  --paint-hm-hero-box-shadow-11:rgba(40,31,16,0.00485);
  --paint-hm-date-background-2:rgba(34,30,24,0.004);
  --paint-hm-date-background-3:rgba(34,30,24,0.0012);
  --paint-hm-date-background-4:rgba(34,30,24,0.0);
  --paint-hm-date-background-5:rgba(34,30,24,0.028);
  --paint-hm-date-background-6:rgba(34,30,24,0.0092);
  --paint-hm-date-background-7:rgba(34,30,24,0.0);
  --paint-hm-date-background-8:rgba(34,30,24,0.0008);
  --paint-hm-date-background-9:rgba(34,30,24,0.0008);
  --paint-hm-date-background-10:rgba(34,30,24,0.0052);
  --paint-hm-date-box-shadow:rgba(40,31,16,0.0189);
  --paint-hm-date-box-shadow-2:rgba(40,31,16,0.0117);
  --paint-hm-date-box-shadow-3:rgba(40,31,16,0.0013);
  --paint-hm-date-box-shadow-4:rgba(40,31,16,0.00195);
  --paint-hm-date-box-shadow-5:rgba(40,31,16,0.00455);
  --paint-hm-duty-mini-background-2:rgba(34,30,24,0.0044);
  --paint-hm-duty-mini-background-3:rgba(34,30,24,0.0016);
  --paint-hm-duty-mini-background-4:rgba(34,30,24,0.0);
  --paint-hm-duty-mini-background-5:rgba(34,30,24,0.0108);
  --paint-hm-duty-mini-background-6:rgba(34,30,24,0.0032);
  --paint-hm-duty-mini-background-7:rgba(34,30,24,0.0);
  --paint-hm-duty-mini-background-8:rgba(34,30,24,0.002);
  --paint-hm-duty-mini-box-shadow:rgba(40,31,16,0.0111);
  --paint-hm-duty-mini-box-shadow-2:rgba(40,31,16,0.001);
  --paint-hm-duty-mini-box-shadow-3:rgba(40,31,16,0.0013);
  --paint-hm-duty-mini-box-shadow-4:rgba(40,31,16,0.00325);
  --paint-hm-schiene-box-shadow:rgba(40,31,16,0.0189);
  --paint-hm-schiene-box-shadow-2:rgba(40,31,16,0.0117);
  --paint-hm-art-page-box-shadow:rgba(40,31,16,0.031);
  --paint-hm-art-page-box-shadow-2:rgba(40,31,16,0.003);
  --paint-hm-art-page-box-shadow-3:rgba(40,31,16,0.026);
  --paint-hm-art-page-background:rgba(34,30,24,0.003);
  --paint-hm-art-page-background-2:rgba(34,30,24,0.036);
  --paint-hm-art-page-border:var(--line);
  --paint-hm-art-page-background-3:rgba(34,30,24,0.034);
  --paint-hm-art-page-border-2:var(--line);
  --paint-hm-art-page-box-shadow-4:rgba(40,31,16,0.019);
  --paint-hm-art-page-box-shadow-5:rgba(40,31,16,0.009);
  --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(34,30,24,0.037);
  --paint-hm-art-page-background-10:rgba(34,30,24,0.013);
  --paint-hm-art-page-background-11:rgba(34,30,24,0.0);
  --paint-ig-install-aktiv-background:var(--bg);
  --paint-ig-wrap-background:var(--bg);
  --paint-ig-wrap-color:var(--ink);
  --paint-ig-unter-color:var(--muted);
  --paint-ig-nr-border-color:var(--line-stark);
  --paint-ig-nr-color:var(--ok);
  --paint-ig-tx-color:var(--info);
  --paint-ig-tx-color-2:#8fd9b6;
  --paint-ig-sym-background:var(--surface);
  --paint-ig-sym-color:var(--ink);
  --paint-ig-sym-background-2:var(--surface);
  --paint-ig-sym-color-2:var(--ink);
  --paint-ig-switch-background:#5cbf8c;
  --paint-ig-switch-background-2:var(--surface);
  --paint-ig-switch-box-shadow:rgba(40,31,16,0.066);
  --paint-ig-mini-eb-color:var(--muted);
  --paint-ig-mini-background:var(--bg);
  --paint-ig-mini-border:var(--line);
  --paint-ig-mini-oder-color:var(--muted);
  --paint-ig-mini-ic-background:var(--surface);
  --paint-ig-mini-ic-color:var(--ink);
  --paint-ig-mini-ics-color:var(--muted);
  --paint-ig-mini-tx-color:var(--ink);
  --paint-ig-mini-tx-color-2:var(--ink);
  --paint-ig-info-color:var(--ink);
  --paint-ig-fuss-color:var(--muted);
  --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:var(--line);
  --paint-mr-ic-background:rgba(34,30,24,0.027);
  --paint-mb-haken-border:var(--line-stark);
  --paint-st-z-border:rgba(248,236,89,0.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(248,236,89,0.35);
  --paint-kd-info-background:var(--surface);
  --paint-kd-info-color:var(--ink);
  --paint-kd-kein-color:var(--ink);
  --paint-kd-zust-background:var(--surface);
  --paint-mb-schiene-box-shadow:rgba(40,31,16,0.066);
  --paint-mb-legende2-background:var(--surface);
  --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:var(--line);
  --paint-spb-paar-box-shadow:rgba(40,31,16,0.053);
  --paint-tm-quote-background:rgba(34,30,24,0.027);
  --paint-tm-quote-background-2:rgba(34,30,24,0.045);
  --paint-tm-date-background:rgba(34,30,24,0.023);
  --paint-sp-plan-box-shadow:rgba(40,31,16,0.04);
  --paint-sp-plan-background:#e1ede6;
  --paint-sp-plan-background-2:#ccdfd3;
  --paint-sp-plan-border:var(--line-stark);
  --paint-sp-plan-border-top:var(--line);
  --paint-sp-plan-border-2:var(--line);
  --paint-sp-plan-border-3:var(--line-stark);
  --paint-sp-plan-color:var(--ink);
  --paint-sp-plan-text-shadow:rgba(40,31,16,0.11);
  --paint-sp-plan-border-4:var(--line);
  --paint-tp-info-background:rgba(34,30,24,0.09);
  --paint-tm-merk-border:rgba(248,236,89,0.35);
  --paint-tm-pz-border-color:rgba(248,236,89,0.35);
  --paint-tm-cardmedia-preview-background:rgba(34,30,24,0.09);
  --paint-tm-cardmedia-preview-background-2:rgba(34,30,24,0.0);
  --paint-tm-cardmedia-preview-background-3:rgba(34,30,24,0.054);
  --paint-tm-cardmedia-label-background:rgba(34,30,24,0.09);
  --paint-tm-cardmedia-label-box-shadow:rgba(40,31,16,0.044);
  --paint-tm-cardmedia-focus-border:var(--line-stark);
  --paint-tm-cardmedia-focus-box-shadow:rgba(40,31,16,0.099);
  --paint-tm-cardmedia-focus-background:var(--surface);
  --paint-tm-teamhero-box-shadow:rgba(40,31,16,0.0169);
  --paint-tm-teamhero-box-shadow-2:rgba(40,31,16,0.0091);
  --paint-tm-teamhero-background:rgba(34,30,24,0.09);
  --paint-tm-teamhero-background-2:rgba(34,30,24,0.018);
  --paint-tm-teamhero-background-3:rgba(34,30,24,0.081);
  --paint-tm-teamhero-background-4:rgba(34,30,24,0.09);
  --paint-tm-teamhero-background-5:rgba(34,30,24,0.072);
  --paint-tm-teamhero-background-6:rgba(34,30,24,0.0);
  --paint-tm-teamhero-background-7:rgba(34,30,24,0.032);
  --paint-tm-teamhero-tx-color:var(--ink);
  --paint-tm-teamhero-tx-text-shadow:rgba(40,31,16,0.084);
  --paint-tm-teamhero-meta-color:var(--ink);
  --paint-tm-teamhero-chev-color:var(--ink);
  --paint-tm-teamhero-wappen-filter:rgba(40,31,16,0.057);
  --paint-tm-teamhero-tx-text-shadow-2:rgba(40,31,16,0.048);
  --paint-dt-kopfpill-color:var(--badge-ink);
  --paint-dt-kopfpill-color-2:var(--ink);
  --paint-dt-kopfpill-background:var(--surface);
  --paint-dt-kopfpill-background-2:var(--hl);
  --paint-dt-kopfpill-background-3:#e0533f;
  --paint-dt-kopfpill-background-4:#8fbfe8;
  --paint-dt-band-box-shadow:rgba(40,31,16,0.0455);
  --paint-dt-band-background:rgba(34,30,24,0.09);
  --paint-dt-band-background-2:rgba(34,30,24,0.081);
  --paint-dt-background:rgba(255,255,255,.62);
  --paint-dt-background-2:rgba(34,30,24,0.09);
  --paint-dt-background-3:rgba(34,30,24,0.09);
  --paint-dt-kopfpille-box-shadow:rgba(40,31,16,0.062);
  --paint-dt-kopfpille-border:var(--line);
  --paint-dt-kopfpill-border-color:var(--line);
}

}
@layer komponenten{[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="light"] input[type="time"]::-webkit-calendar-picker-indicator{filter:none}}
@layer komponenten{[data-theme="light"] .hm-fchip.sel,[data-theme="light"] .fd-fchip.sel{
  box-shadow:0 1px 3px rgba(26,26,24,.12)}}
@layer komponenten{[data-theme="light"] .bt-sig{border-color:var(--line)}}
@layer screens{[data-theme="light"] .pf-wrap.nav-kopf .pf-grip.eng{border-bottom-color:rgba(20,28,46,.1)}}
@layer screens{[data-theme="light"] .au-head.eng{border-bottom-color:rgba(20,28,46,.1)}}
@layer screens{[data-theme="light"] .au-in{border-color:var(--line)}}
@layer screens{[data-theme="light"] .au-mark{opacity:.02;mix-blend-mode:multiply}}
@layer screens{[data-theme="light"] .ms-authhead.eng{border-bottom-color:rgba(20,28,46,.1)}}
@layer screens{}
@layer screens{}
@layer screens{}
@layer screens{[data-theme="light"] .sh-nav{box-shadow:none}}
@layer screens{[data-theme="light"] .scr-leiste.eng{border-bottom-color:rgba(20,28,46,.1)}}
@layer screens{[data-theme="light"] .tm-eb{align-items:baseline}}

@layer komponenten{
:root[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),:root[data-theme="light"] select,:root[data-theme="light"] textarea{border-color:var(--control-line)}
:root[data-theme="light"] input:focus,:root[data-theme="light"] select:focus,:root[data-theme="light"] textarea:focus{border-color:var(--hl-text)}
:root[data-theme="light"] input:disabled,:root[data-theme="light"] select:disabled,:root[data-theme="light"] textarea:disabled{border-color:var(--line)}
}

@layer screens{
:root[data-theme="light"] .mb-av{color:var(--ink)}
}
/* Helle Materialbindung auch fuer historische screenlokale Oberflaechen.
   Keine eigenen Farb-/Schattenwerte: jede Verfeinerung erreicht alle Kacheln.
   Fotos behalten ihre Medienflaeche; leere Datumsplaetze bleiben transparent. */
@layer screens{
:root[data-theme="light"] .hm-hero,
:root[data-theme="light"] .hm-row,
:root[data-theme="light"] .hm-date:not(:empty),
:root[data-theme="light"] .hm-hero-datum,
:root[data-theme="light"] .hm-duty-mini,
:root[data-theme="light"] .fd-sportresult,
:root[data-theme="light"] .fd-sr-table,
:root[data-theme="light"] .ms-quellenkopf,
:root[data-theme="light"] .ms-famfall,
:root[data-theme="light"] .ms-einladung,
:root[data-theme="light"] .dt-ortkachel,
:root[data-theme="light"] .dt-map,
:root[data-theme="light"] .bt-body .tm-tzeile .tag,
:root[data-theme="light"] .bt-body .tm-tzeile .zeit{
  background-color:var(--kachel);
  background-image:var(--kachel-material-verlauf);
  box-shadow:var(--kachel-material-schatten);
}
:root[data-theme="light"] .tm-teamhero{box-shadow:var(--kachel-material-schatten)}
}

/* Variante: Farbrollen bleiben Eigentum der jeweiligen Palette. */
@layer tokens{
[data-theme="light"] [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="light"] [data-sheet-design="register"]{--card-2:var(--klar-bg);--kachel:transparent;--field:var(--klar-active)}
}

@layer tokens{ :root[data-theme="light"]{--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} }