/* tokens-smart.css - design-tokens for smart.dk (website 1).
   Oprettet 27-07-2026, fundament-opgave F1.
   Indlaeses som FOERSTE egne stylesheet (config_id 2225, design/head/includes)
   FOER smartdk-2026.css, saa alt senere CSS kan referere til var(--...).
   VIGTIGT: denne fil definerer KUN variabler - den saetter ingen regler paa
   elementer og aendrer derfor intet visuelt. Eksisterende haardkodede farver
   omskrives til var() i en senere opgave. */

:root {
  --blue-primary:#1789C4;   /* knapper, links, aktive tilstande */
  --blue-hover:#0F6EA1;
  --blue-ink:#0B587F;       /* tekst paa lys blaa */
  --blue-tint:#EAF5FB;      /* infobokse, valgt tilstand */
  --blue-tint-br:#D9E4EC;
  --blue-logo:#1BA6E2;      /* kun logo */
  --nav-dark:#3A4149;       /* hovednavigation */
  --ink-dark:#22262A;       /* broedtekst, topbar */
  --ink-soft:#4A5158;
  --ink-muted:#6E747B;
  --border:#E2DFD7;
  --border-light:#EDEAE3;
  --bg-page:#F7F5F0;
  --stock-green:#2C7D46;    /* eneste lagergroen paa BEGGE shops */
  --error:#B4231F;
  --error-border:#D93B36;
  --error-bg:#FEF7F6;
  --star:#E8A33D;
  --accent-outlet:#FFD84D;
  --radius-s:4px; --radius-m:6px; --radius-l:10px;
  --font: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}