/* A19 designtokens – udtrukket fra prototyperne.
   Lys tilstand på :root, mørk tilstand via prefers-color-scheme og [data-theme="dark"].
   Skrifttyper: DM Serif Display (overskrifter) og Figtree (brødtekst). Host dem selv i assets/fonts (GDPR).
   Breakpoints brugt i prototyperne: 520px, 860px (mobilmenu/bundmenu), 1080px. */
:root{
  --bg:#fffcf4;
  --surface:#ffffff;
  --tint:#fbf2d9;
  --tint-2:#eef3ec;
  --ink:#17231f;
  --muted:#53635c;
  --line:#e7dfc9;
  --forest:#1b4a3d;
  --forest-2:#235a4b;
  --on-forest:#fdf7e6;
  --on-forest-muted:#c9d8cf;
  --sun:#f4c02a;
  --sun-hover:#e5b11a;
  --on-sun:#1b1a10;
  --link:#1b4a3d;
  --sale:#b3261e;
  --star:#1a7a50; /* Prototypens #1f8a5b gav 4,3:1 som tekst (leveringslinjen); #1a7a50 giver 5,3:1. */
  --focus:#1b4a3d;
  --ph-a:#e9e2cc; --ph-b:#f3edda;
  --shadow:0 1px 2px rgba(23,35,31,.06),0 8px 24px rgba(23,35,31,.07);
  --font-display:"DM Serif Display",Georgia,"Times New Roman",serif;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radius:14px;
  --max:1240px;
  --gutter-l:max(16px, env(safe-area-inset-left, 0px));
  --gutter-r:max(16px, env(safe-area-inset-right, 0px));
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0f1c18; --surface:#152720; --tint:#1a2f28; --tint-2:#16291f; --ink:#eef0e8; --muted:#a6b5ad;
    --line:#2a4239; --forest:#12352c; --forest-2:#1a4337; --on-forest:#fdf7e6; --on-forest-muted:#b9cbc1;
    --link:#f4c02a; --sale:#ff8f84; --star:#5fd39b; --focus:#f4c02a; --ph-a:#1d342c; --ph-b:#223b32;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0f1c18; --surface:#152720; --tint:#1a2f28; --tint-2:#16291f; --ink:#eef0e8; --muted:#a6b5ad;
  --line:#2a4239; --forest:#12352c; --forest-2:#1a4337; --on-forest:#fdf7e6; --on-forest-muted:#b9cbc1;
  --link:#f4c02a; --sale:#ff8f84; --star:#5fd39b; --focus:#f4c02a; --ph-a:#1d342c; --ph-b:#223b32;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25); color-scheme:dark;
}