/* GENERERT. Ikke rediger. Kilden er felles/design.js. */
:root {
  --rom-xs:4px;
  --rom-s:8px;
  --rom-m:12px;
  --rom-l:16px;
  --rom-xl:24px;
  --rom-xxl:32px;
  --rom-xxxl:48px;
  --radius:12px;
  --radius-pille:999px;
  --tekst-kort:28px;
  --tekst-stor:20px;
  --tekst-brod:17px;
  --tekst-liten:15px;
  --tekst-merkelapp:13px;
  --trykk:44px;
  --trykk-spill:56px;
  --vekt-vanlig:400;
  --vekt-tung:700;
  --skrift:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --skrift-tall:ui-monospace,"SF Mono",Menlo,monospace;
  --fart-raskt:120ms;
  --fart-vanlig:220ms;
  --fart-rolig:400ms;
  --kurve:cubic-bezier(.2,.7,.3,1);
  --spill-rod:#7a1c15;
  --spill-rod-symbol:#ffffff;
  --spill-gronn:#247143;
  --spill-gronn-symbol:#ffffff;
  --spill-bla:#5b9fd8;
  --spill-bla-symbol:#08243d;
  --spill-gul:#f2c95c;
  --spill-gul-symbol:#2b1c04;
  --ground:#e7edec;
  --surface:#f7faf9;
  --sunk:#d6e0df;
  --ink:#0c1f27;
  --muted:#33454d;
  --line:#b9c8c7;
  --merke:#0d4759;
  --merkeTekst:#ffffff;
  --varsel:#e9a227;
  --varselTekst:#241703;
  --varselDyp:#5c3600;
  --fare:#7d2f26;
  --faretekst:#ffffff;
  --skygge-kort:0 1px 2px rgba(14,29,38,.08), 0 12px 32px rgba(14,29,38,.10);
  --skygge-ark:0 2px 8px rgba(14,29,38,.12), 0 24px 64px rgba(14,29,38,.18);
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) { :root:not([data-tema="lys"]) {
  --ground:#071b23;
  --surface:#0f2b35;
  --sunk:#0a2029;
  --ink:#eef4f3;
  --muted:#a4bcc0;
  --line:#2f4d57;
  --merke:#7fd0e0;
  --merkeTekst:#04222b;
  --varsel:#f0b03c;
  --varselTekst:#2a1a02;
  --varselDyp:#f0b03c;
  --fare:#f0aca2;
  --faretekst:#2a0f0b;
  --skygge-kort:0 1px 2px rgba(0,0,0,.4), 0 16px 40px rgba(0,0,0,.45);
  --skygge-ark:0 2px 10px rgba(0,0,0,.5), 0 28px 72px rgba(0,0,0,.6);
} }
:root[data-tema="moerk"] {
  --ground:#071b23;
  --surface:#0f2b35;
  --sunk:#0a2029;
  --ink:#eef4f3;
  --muted:#a4bcc0;
  --line:#2f4d57;
  --merke:#7fd0e0;
  --merkeTekst:#04222b;
  --varsel:#f0b03c;
  --varselTekst:#2a1a02;
  --varselDyp:#f0b03c;
  --fare:#f0aca2;
  --faretekst:#2a0f0b;
  --skygge-kort:0 1px 2px rgba(0,0,0,.4), 0 16px 40px rgba(0,0,0,.45);
  --skygge-ark:0 2px 10px rgba(0,0,0,.5), 0 28px 72px rgba(0,0,0,.6);
}