/* ============================================================
   §13 — DARK MODE  (token-remap · lys tema er uendret)
   Aktiveres av html[data-theme="dark"] (settes av no-flash init + toggle i theme.js)
   ============================================================ */
html[data-theme="dark"]{
  color-scheme:dark;
  /* Flater + tekst */
  --bd-page:#0F1315;
  --bd-card:#191D20;
  --bd-grey:#242A2E;
  --bd-text:#EEF2F0;
  --bd-muted:#9AA1A5;
  --bd-line:rgba(255,255,255,.14);
  --bd-line-strong:rgba(255,255,255,.26);
  /* Merkevare-aksent løftet for mørk bakgrunn */
  --bd-orange-text:#FBC172;
  --bd-icon-stroke:#FBC172;
  /* Mørke seksjonsflater — behold vekslingen: .bd-dark blir dypest */
  --bd-dark:#0B0E10;
  --bd-surface:#242A2E;
  --bd-deep:#0B0E10;
  --bd-footer-bg:#0B0E10;
  /* Semantikk løftet for kontrast på mørkt */
  --bd-sale:#E76A52;
  --bd-ok:#52B282;
  --bd-warn:#E2A748;
  --bd-info:#63AACE;
}
/* Hvite flater som ikke leser token (hardkodet #fff) — dark-overstyring */
html[data-theme="dark"] .bd-card,
html[data-theme="dark"] .bd-white,
html[data-theme="dark"] .bd-table--wrap,
html[data-theme="dark"] .bd-accordion,
html[data-theme="dark"] .bd-toc,
html[data-theme="dark"] .bd-note,
html[data-theme="dark"] .bd-facts,
html[data-theme="dark"] .bd-empty{background:var(--bd-card)}
/* Skjemafelt: egen, litt hevet flate + lys tekst (ellers lys tekst på hvitt) */
html[data-theme="dark"] .bd-input,
html[data-theme="dark"] .bd-select,
html[data-theme="dark"] .bd-textarea,
html[data-theme="dark"] .woocommerce form .form-row input.input-text,
html[data-theme="dark"] .woocommerce form .form-row textarea,
html[data-theme="dark"] .woocommerce form .form-row select,
html[data-theme="dark"] .woocommerce .select2-container .select2-selection,
html[data-theme="dark"] .wc-block-components-text-input input{
  background:var(--bd-grey)!important;color:var(--bd-text)}
/* Hero-gradient uten hvitt */
html[data-theme="dark"] .bd-hero{background:linear-gradient(160deg,var(--bd-card),var(--bd-page))}
/* Pastell tags/alerts/pills: miks mot kort-farge, ikke #fff */
html[data-theme="dark"] .bd-tag--sale,
html[data-theme="dark"] .bd-tag--bad{background:color-mix(in srgb,var(--bd-sale) 22%,var(--bd-card))}
html[data-theme="dark"] .bd-tag--new{background:color-mix(in srgb,var(--bd-orange) 22%,var(--bd-card));color:var(--bd-orange-text)}
html[data-theme="dark"] .bd-tag--ok{background:color-mix(in srgb,var(--bd-ok) 20%,var(--bd-card))}
html[data-theme="dark"] .bd-tag--warn{background:color-mix(in srgb,var(--bd-warn) 22%,var(--bd-card))}
html[data-theme="dark"] .bd-pill.is-active{background:color-mix(in srgb,var(--bd-orange) 20%,var(--bd-card));color:var(--bd-orange-text)}
html[data-theme="dark"] .bd-alert--info{background:color-mix(in srgb,var(--bd-info) 16%,var(--bd-card))}
html[data-theme="dark"] .bd-alert--success{background:color-mix(in srgb,var(--bd-ok) 16%,var(--bd-card))}
html[data-theme="dark"] .bd-alert--warn{background:color-mix(in srgb,var(--bd-warn) 18%,var(--bd-card))}
html[data-theme="dark"] .bd-alert--error{background:color-mix(in srgb,var(--bd-sale) 16%,var(--bd-card))}
/* Sol/måne-knapp i header */
.bd-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--bd-line);border-radius:50%;background:transparent;color:var(--bd-text);cursor:pointer;font-size:1.05rem;line-height:1;transition:background .15s,border-color .15s}
.bd-theme-toggle:hover{background:var(--bd-grey);border-color:var(--bd-line-strong)}
.bd-theme-toggle__moon{display:none}
.bd-theme-toggle__sun{display:inline}
html[data-theme="dark"] .bd-theme-toggle__sun{display:none}
html[data-theme="dark"] .bd-theme-toggle__moon{display:inline}