/* se-theme.css — Dark Mode + Hell/Dunkel-Schalter für die öffentlichen Seiten (Simon 132992/133025, 20.09.2026).
   Erwartet die Token der Seite in :root (--g-*, --b-*, --glas). Wahl liegt in localStorage se_theme; se-theme.js setzt html[data-theme]. */
html[data-theme=dark]{
  --g-0:hsl(224 30% 12%);--g-25:hsl(224 28% 9%);--g-50:hsl(224 26% 15%);--g-100:hsl(224 20% 22%);
  --g-500:hsl(220 12% 66%);--g-700:hsl(218 16% 82%);--g-900:hsl(214 30% 95%);
  --b-50:hsl(222 40% 16%);--b-100:hsl(222 40% 26%);--b-700:hsl(214 90% 74%);
  --glas:hsl(224 28% 9% / .92);
  --e1:0 1px 2px hsl(224 40% 2% / .5),0 3px 10px hsl(224 40% 2% / .35);--e2:0 6px 16px hsl(224 40% 2% / .5),0 18px 40px hsl(224 40% 2% / .45);
  color-scheme:dark;
}
html[data-theme=dark] body{background:var(--g-25)}
html[data-theme=dark] nav.nav{background:var(--glas)}html[data-theme=dark] nav.nav .rechts a{color:var(--g-700)}html[data-theme=dark] nav.nav .rechts a:hover,html[data-theme=dark] nav.nav .rechts a.se-aktiv{color:var(--g-900)}html[data-theme=dark] nav.nav.se-scrolled{border-bottom-color:var(--g-100)}
html[data-theme=dark] .wortmarke{filter:brightness(0) invert(1)}
html[data-theme=dark] .btn.ghost{background:var(--g-0);color:var(--b-200);border-color:var(--g-100)}
html[data-theme=dark] .kicker{background:var(--b-50);color:var(--b-200)}
/* Schalter hell/dunkel in der Nav (se-theme.js hängt ihn an nav.nav .rechts) */
.se-theme{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--g-100);background:var(--g-0);color:var(--g-700);cursor:pointer;padding:0;flex:none}.se-theme:hover{color:var(--b-700);border-color:var(--b-200)}.se-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.se-theme .mond{display:none}html[data-theme=dark] .se-theme .sonne{display:none}html[data-theme=dark] .se-theme .mond{display:block}