/* B-208b: Fælles skrift og mørk tilstand for de offentlige sider (forside, produktsider, eksempler,
   metode, viden, compliance og juridiske sider). Indlæses via partials/public-theme efter sidens egne
   styles i <head>. Delfiler som header, footer og forsidens sektioner har egne <style>-blokke senere i
   dokumentet, så overstyringerne i mørk tilstand er afgrænset med :root for at vinde uden !important.
   Mørk tilstand følger kun styresystemets indstilling (prefers-color-scheme). Skærmbilleder af
   produktet forbliver lyse, fordi de viser det rigtige produkt. */

@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibsted-grotesk/schibsted-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibsted-grotesk/schibsted-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{color-scheme:light dark}
body{font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}

@media (prefers-color-scheme:dark){
  :root{
    --canvas:#0c1322;--surface:#131c30;--white:#131c30;--ink:#e8edf7;--ink-2:#c3cce0;--muted:#9eabc2;--muted-on-tint:#a9b5cb;
    --line:#26344f;--line-2:#34466b;--sky:#18264a;--navy:#a9c1f7;--deep:#081430;--blue:#8fb0f5;--green:#6ee7b7;--ok:#6ee7b7;
    --amber:#fcd34d;--red:#fca5a5;--mint:#0f3b2e;--accent:#f59e0b;
    --shadow:0 1px 2px rgb(0 0 0 / .35),0 24px 48px -20px rgb(0 0 0 / .6);
  }
  body{background:var(--canvas);color:var(--ink)}
  ::selection{background:#7c5a12;color:#fff}
  :root a:focus-visible,:root button:focus-visible{outline-color:var(--navy);box-shadow:none}

  /* Header, menuer og mobilark */
  :root .site-top{background:var(--surface);border-color:var(--line)}
  :root .site-top .brand-mark circle{stroke:#8fb0f5}
  :root .site-menu summary,:root .site-menu>li>a{color:var(--ink-2)}
  :root .site-panel,:root .site-sheet{background:var(--surface);border-color:var(--line);box-shadow:0 18px 40px rgb(0 0 0 / .5)}
  :root .site-sheet li a{border-color:var(--line)}
  :root .site-actions .login,:root .site-actions .signup,:root .site-mobile>summary,:root .site-sheet .sheet-actions .signup,:root .site-sheet .sheet-actions .login{border-color:var(--line-2)}
  :root .launch{background:var(--surface);border-color:var(--line)}
  :root .launch strong{background:var(--sky);border-color:var(--line-2)}
  :root .skip-link{background:var(--surface)}

  /* Fælles flader på forsiden og produktsiderne */
  :root .button.secondary,:root #indhold .button.secondary{background:transparent;color:var(--navy);border-color:var(--line-2)}
  :root #indhold .aud-pick a,:root .aud-pick a{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
  :root #indhold .aud-pick li:first-child a{background:var(--sky)}
  :root #indhold .aud-pick li:first-child .aud-icon{background:var(--surface)}
  :root #indhold .aud.alt,:root .aud.alt{background:var(--surface)}
  :root #indhold .aud-map,:root .aud-map{background:var(--surface);box-shadow:0 0 0 1px var(--line)}
  :root .aud-node{background:var(--canvas);border-color:var(--line)}
  :root #indhold .aud-node.core,:root .aud-node.core{background:#1d3f8f;border-color:#1d3f8f;color:#fff}
  :root .aud-node.core small{color:#dbe6ff}
  :root .aud-badge{background:var(--sky);border-color:var(--line-2);color:var(--navy)}
  :root #indhold .try-card,:root .try-card{background:var(--surface);color:var(--ink)}
  :root #indhold .try-card select,:root .try-card select{background:var(--canvas);color:var(--ink);border-color:var(--line-2)}
  :root .try-choice{color:var(--ink)}
  :root .flowx-steps a{background:var(--surface);border-color:var(--line)}
  :root .flowx-steps a[aria-selected=true]{background:var(--sky);border-color:var(--navy);box-shadow:none}
  :root .flowx-steps a[aria-selected=true] .flowx-num{background:#1d3f8f;color:#fff}
  :root #indhold .flowx-label,:root .flowx-label{background:var(--sky);border-color:var(--line-2);color:var(--navy)}
  :root .flowx-panel figcaption b{color:var(--ink)}
  :root .fm-col,:root #indhold .fm-col{background:var(--surface);border-color:var(--line)}
  :root .fm-col.later{background:var(--canvas)}
  :root .fm-col li{border-color:var(--line)}
  :root .technical-card,:root #indhold .technical-card,:root #indhold .technical-side{background:var(--surface);border-color:var(--line);color:var(--ink)}
  :root .launch-card,:root #indhold .launch-card{background:var(--surface);border-color:var(--line)}
  :root .safety-stat{background:var(--surface);border-color:var(--line)}
  :root .safety-stat p{color:var(--ink-2)}
  :root .safety-stat small{color:var(--muted)}
  :root .safety-number{color:var(--navy)}
  :root .interval,:root .pb-plan li{background:var(--surface);border-color:var(--line)}
  :root .interval-time{background:var(--mint);color:var(--green)}

  /* Øvepladen på forsiden */
  :root .pb input,:root .pb select{background:var(--canvas);color:var(--ink);border-color:var(--line-2)}
  /* Punkterne i valglister får altid mørk baggrund og lys tekst, så hele listen kan læses. */
  :root select option,:root select optgroup{background-color:var(--surface);color:var(--ink)}
  :root .pb .pb-minus{background:transparent;border-color:#7f1d1d}
  :root .pb .pb-plus{background:transparent;border-color:var(--line-2);color:var(--navy)}

  /* Viden, produktsider, metode og eksempler (knowledge.css og sidernes egne styles) */
  :root .empty-state,:root .product-cta,:root .answer-card,:root .article-card,:root .safety-box,:root .sources,:root .faqs details,:root .basis div{background:var(--surface);border-color:var(--line)}
  :root .product-cta{background:linear-gradient(120deg,var(--surface),var(--sky))}

  /* Cookiebanner */
  :root .consent{background:var(--surface);color:var(--ink);border-color:var(--line)}

  /* Øvepladens tavle og funktionslisten */
  :root .pb-board{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none}
  :root .pb-group,:root .pb-row.component{background:var(--canvas);border-color:var(--line)}
  :root .pb-badge{background:#2a1708;border-color:#6b3410;color:#fed7aa}
  :root .pb-cta .secondary{background:transparent;border-color:var(--line-2)}
  :root .fm-col li span{color:var(--muted)}
  :root .safety-stat a{color:var(--navy)}

  /* Produktsider, metode og viden (knowledge.css) */
  :root .answer-card{background:var(--sky);border-color:var(--line-2)}
  :root .answer-card p{color:var(--ink-2)}
  :root .safety-box{background:#2a1708;border-color:#6b3410;color:#fed7aa}
  :root .safety-box h2{color:#ffedd5}
  :root .product-shot figcaption{color:var(--muted)}

  /* Eksempelsiden */
  :root .toc,:root .example,:root .not-yet{background:var(--surface);border-color:var(--line);color:var(--ink)}
  :root .toc-groups b,:root .example p,:root .shots figcaption{color:var(--ink-2)}
  :root .status{background:var(--mint);color:var(--green)}
  :root .honest,:root .label{background:#2a1708;border-color:#6b3410;color:#fed7aa}

  /* Fejlsider (errors/page) */
  :root .shell .card{background:var(--surface);border-color:var(--line);color:var(--ink)}
  :root .shell .brand{color:var(--navy)}
  :root .shell .meta{color:var(--muted)}
  :root .shell a.button{background:#1d3f8f;color:#fff}
  :root .shell a.button.secondary{background:transparent;color:var(--navy);border-color:var(--line-2)}

  /* Toppen på viden, produktsider og metode bruger --navy/--surface i lys tilstand. */
  :root .knowledge-hero,:root .article-hero{background:linear-gradient(135deg,#081430,#1d3f8f);color:#fff}
  :root .breadcrumbs a{color:#fff}
  :root .article-hero .button.secondary,:root .knowledge-hero .button.secondary{color:#fff;border-color:#ffffff66}

  /* Compliance og juridiske sider (compliance.css) */
  :root .notice{background:#2a1f05;border-color:#6b5310;color:#fde68a}
}