/* aib-tema.css (B S562 2026-10-11, etapp D): morkt lage som fristaende modul.
   Kanner bara variabelnamnen (--sida, --yta, --ink, --mut, --line, --bg, --navy, --blue, --green, --*-yta, --fel, --ok-*, --fel-*),
   sa den kan sattas in pa vilken sajt som helst som anvander dem. Foljer besokarens systeminstallning;
   <html data-tema="mork|ljus"> (satts av aib-tema.js och mane-knappen) gar fore systemet.
   Ytfargerna bakom vit text (--navy-yta, --blue-yta, --green-yta) ar desamma i bada lagena. */
:root[data-tema="mork"]{color-scheme:dark;--sida:#0e151c;--yta:#16202a;--bg:#121b24;--line:#2b3a48;--ink:#e6edf3;--mut:#a7b4c2;
  --navy:#d6e6f5;--blue:#7bbcf0;--green:#9bd16a;--tagg-yta:#1e3214;--ic-yta:#173550;--falt-kant:#4d6276;--fel:#ff8a7a;
  --ok-yta:#17301a;--ok-text:#b8e6a0;--ok-kant:#2f5a24;--fel-yta:#3a1714;--fel-text:#ffb4aa;--fel-kant:#6a2a24}
@media (prefers-color-scheme:dark){:root:not([data-tema="ljus"]){color-scheme:dark;--sida:#0e151c;--yta:#16202a;--bg:#121b24;--line:#2b3a48;--ink:#e6edf3;--mut:#a7b4c2;
  --navy:#d6e6f5;--blue:#7bbcf0;--green:#9bd16a;--tagg-yta:#1e3214;--ic-yta:#173550;--falt-kant:#4d6276;--fel:#ff8a7a;
  --ok-yta:#17301a;--ok-text:#b8e6a0;--ok-kant:#2f5a24;--fel-yta:#3a1714;--fel-text:#ffb4aa;--fel-kant:#6a2a24}}
/* Loggan har mork text pa genomskinlig botten: ljus platta i morkt lage */
:root[data-tema="mork"] .aib-logo img{background:#fff;border-radius:6px;padding:3px 6px}
@media (prefers-color-scheme:dark){:root:not([data-tema="ljus"]) .aib-logo img{background:#fff;border-radius:6px;padding:3px 6px}}
/* Lankar i CMS-text kan ha inklistrad farg (matt: rgb(5,99,193) i FAQ, kontrast 2,79 mot mork botten): temats lankfarg i morkt lage */
:root[data-tema="mork"] .aib-ou-text a,:root[data-tema="mork"] .aib-text a{color:var(--blue)!important}
@media (prefers-color-scheme:dark){:root:not([data-tema="ljus"]) .aib-ou-text a,:root:not([data-tema="ljus"]) .aib-text a{color:var(--blue)!important}}
/* Mane-knappen */
.aib-tema-knapp{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--yta);color:var(--navy);cursor:pointer}
.aib-tema-knapp:hover{border-color:var(--blue)}
.aib-tema-knapp:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.aib-tema-knapp svg{width:20px;height:20px;display:block}
.aib-tema-knapp .aib-tema-sol{display:none}
:root[data-tema="mork"] .aib-tema-knapp .aib-tema-mane{display:none}
:root[data-tema="mork"] .aib-tema-knapp .aib-tema-sol{display:block}
@media (prefers-color-scheme:dark){:root:not([data-tema="ljus"]) .aib-tema-knapp .aib-tema-mane{display:none}:root:not([data-tema="ljus"]) .aib-tema-knapp .aib-tema-sol{display:block}}