/* Hva’ Koster’n? (hvadkostern.dk) – endeligt farvesæt B "Papir og petrol", valgt af Buhl 28.10.2026
   Font: Atkinson Hyperlegible Next (SIL Open Font License 1.1), selv-hostet fra /fonts/ – @font-face ligger i fonts.css (indlæs fonts.css før tokens.css). Hent woff2 fra https://github.com/googlefonts/atkinson-hyperlegible-next (fonts/webfonts/)
   Vægte: 400, 600, 700. Alle tekstpar er WCAG AA-tjekket med contrast.py. */

:root {
  color-scheme: light dark;
  --hk-font: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hk-font-features: "tnum" 1;   /* tabeltal til priser */
  --hk-radius: 6px;
  --hk-bg: #FAF8F4;
  --hk-surface: #FFFFFF;
  --hk-text: #1F2422;
  --hk-muted: #5E6561;
  --hk-border: #DCD6CC;
  --hk-border-strong: #8F8A80;
  --hk-primary: #0E5A6B;
  --hk-on-primary: #FFFFFF;
  --hk-accent: #6A4A26;
  --hk-accent-soft: #F2EADF;
  --hk-success: #2B6E33;
  --hk-warning: #8F4E00;
  --hk-stock-bg: #F1EEE8;
  --hk-stock-text: #5E6561;
}
@media (prefers-color-scheme: dark) {
  :root {
    --hk-bg: #151614;
    --hk-surface: #1E201D;
    --hk-text: #ECE9E3;
    --hk-muted: #A6A39C;
    --hk-border: #34362F;
    --hk-border-strong: #6B6A62;
    --hk-primary: #7CC3D3;
    --hk-on-primary: #151614;
    --hk-accent: #D9B88E;
    --hk-accent-soft: #2E271E;
    --hk-success: #86C98D;
    --hk-warning: #E8B46A;
    --hk-stock-bg: #22241F;
    --hk-stock-text: #A6A39C;
  }
}
/* Manuel overstyring: <html data-theme="light|dark"> */
:root[data-theme="light"] {
  --hk-bg: #FAF8F4;
  --hk-surface: #FFFFFF;
  --hk-text: #1F2422;
  --hk-muted: #5E6561;
  --hk-border: #DCD6CC;
  --hk-border-strong: #8F8A80;
  --hk-primary: #0E5A6B;
  --hk-on-primary: #FFFFFF;
  --hk-accent: #6A4A26;
  --hk-accent-soft: #F2EADF;
  --hk-success: #2B6E33;
  --hk-warning: #8F4E00;
  --hk-stock-bg: #F1EEE8;
  --hk-stock-text: #5E6561;
}
:root[data-theme="dark"] {
  --hk-bg: #151614;
  --hk-surface: #1E201D;
  --hk-text: #ECE9E3;
  --hk-muted: #A6A39C;
  --hk-border: #34362F;
  --hk-border-strong: #6B6A62;
  --hk-primary: #7CC3D3;
  --hk-on-primary: #151614;
  --hk-accent: #D9B88E;
  --hk-accent-soft: #2E271E;
  --hk-success: #86C98D;
  --hk-warning: #E8B46A;
  --hk-stock-bg: #22241F;
  --hk-stock-text: #A6A39C;
}

/* Grundbrug */
body { font-family: var(--hk-font); background: var(--hk-bg); color: var(--hk-text); }
a { color: var(--hk-primary); }
.hk-price { font-variant-numeric: tabular-nums; font-feature-settings: var(--hk-font-features); font-weight: 700; }
.hk-shipping-note { color: var(--hk-muted); font-weight: 400; }
.hk-btn { background: var(--hk-primary); color: var(--hk-on-primary); border-radius: var(--hk-radius); }
/* "Reklamelink": neutral oplysning, ikke et udsalgs-mærke. Altid tekst, aldrig kun farve. */
.hk-ad-tag { color: var(--hk-accent); background: var(--hk-accent-soft); border: 1px solid var(--hk-accent); border-radius: 4px; font-size: .8125rem; font-weight: 600; padding: 0 .4em; }
/* "ikke på lager": dæmpet række, samme layout, står nederst (ændrer aldrig rækkefølgen) */
.hk-row--out { background: var(--hk-stock-bg); color: var(--hk-stock-text); }
.hk-row--out .hk-price { color: var(--hk-stock-text); font-weight: 600; }
.hk-in-stock { color: var(--hk-success); }
.hk-warning { color: var(--hk-warning); }