/* Jasny tryb – wspólny dla strony, poradników, vilkar.html i 404. Domyślnie ciemny; wybór zapisuje tema.js. */
html[data-tema="light"] {
  color-scheme: light;
  --bg: #F7F9FC; --bg2: #EDF1F7; --panel: #FFFFFF; --linje: #D8E0EC;
  --tekst: #0F172A; --dempet: #475569;
  --hoved: #D4540C; --hoved2: #D95A0B; --gronn: #047857;
  --flate: #FFFFFF; --hoved-lys: rgba(242,107,29,.12);
}
html[data-tema="light"] nav { background: rgba(247,249,252,.86); }
html[data-tema="light"] nav.rullet { background: rgba(247,249,252,.95); box-shadow: 0 12px 30px -16px rgba(15,23,42,.25); }
html[data-tema="light"] .flyt { background: rgba(255,255,255,.94); box-shadow: 0 14px 30px -16px rgba(15,23,42,.35); }
html[data-tema="light"] .cta { background: linear-gradient(135deg, #FFF1E6, #FFFFFF); }
html[data-tema="light"] .hero::after { opacity: .5; }
html[data-tema="light"] main p, html[data-tema="light"] main li, html[data-tema="light"] main td { color: #334155; }
html[data-tema="light"] main td:last-child { color: var(--tekst); }
html[data-tema="light"] .lead, html[data-tema="light"] .uwaga { color: var(--tekst); }
html[data-tema="light"] .skjema { border-color: #B8C4D6; }
html[data-tema="light"] .hjem:hover { background: rgba(242,107,29,.22); }

.tema-knapp { flex: none; display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 12px; border: 1px solid var(--linje, #22304A); background: var(--panel, var(--flate, #121B2E)); color: var(--tekst, #E8EDF5); cursor: pointer; }
.tema-knapp:hover { border-color: var(--hoved, #F26B1D); }
.tema-knapp svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tema-knapp .sol { display: none; }
html[data-tema="light"] .tema-knapp .sol { display: block; }
html[data-tema="light"] .tema-knapp .mane { display: none; }
.tema-knapp.flytende { position: fixed; top: 14px; right: 14px; z-index: 20; }