/* KOPI – redigeres aldri i dette repoet.
 * Kilde: OleDolmseth/dolakaffe-os  src/styles/tokens.css
 * Kilde-commit (siste endring av fila): dfb73981244dd15c968fd248a04f76dc8ea65324
 * dolakaffe-os HEAD ved kopiering:      b06f6dd810dca7453178f0e683d74ff1e157902b (2026-09-15)
 * sha256 av kildefila: 5298a83aa80d6b5c82c507c9ba7a2d80f3565f65434a8d28afb38bc8ac8a1f78
 */
/* DølakaffeOS – design-tokens. PRODUKSJONSFASIT.
 *
 * Denne fila er repo-eid og er fasit for alle variabler i nettbutikken:
 * farger, vekter, størrelser, radius og avstander. Ingen fargeverdi, vekt
 * eller størrelse hardkodes utenfor denne fila.
 *
 * Ekstrahert 2026-08-28 fra lesekopien
 *   docs/design-referanse/2026-08-28-claude-design-v1/tokens/
 * i rekkefølgen styles.css importerer dem: fonts, colors, typography,
 * layout, photography. Verdiene er kopiert uendret; eneste endring er
 * fonten (se under). @kind-kommentarene er Claude Designs egne merkelapper
 * og står igjen så en re-ekstraksjon kan diffes mot null.
 *
 * Referansen er design-sannhet, ikke kode-sannhet (08 pkt. 2). Skal en verdi
 * endres, endres den i kilden hos Claude Design, referansen speiles inn på
 * nytt datostemplet, og denne fila ekstraheres om – ikke motsatt vei.
 */

/* --- Font (eneste avvik fra eksporten) -------------------------------------
 * Eksportens tokens/fonts.css henter Bitter fra Google Fonts med @import.
 * v1 gjør ingen tredjepartskall (08 pkt. 2), så fonten selvhostes. Reglene
 * under står ordrett i eksportens readme.md under «Fonter».
 *
 * TODO: .woff2-filene finnes ikke ennå – de er ikke levert. Fram til de
 * ligger i assets/fonts/ faller siden tilbake på Georgia/serif, og drakta
 * kan ikke godkjennes visuelt. Kursivfila trengs bare hvis
 * fotoplassholdernes regi-notater overlever til produksjon; det skal de
 * ikke, så bitter-variable.woff2 alene holder for v1.
 *
 * TODO: «../assets/fonts/» er stien slik den står i readme-en, relativ til
 * eksportens tokens/-mappe. Prefikset må sjekkes mot faktisk URL-oppsett
 * når byggesteget er valgt – mappa er assets/fonts/, antall «../» er ikke
 * bestemt her.
 */
@font-face{font-family:'Bitter';src:url('../assets/fonts/bitter-variable.woff2') format('woff2-variations');
  font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:'Bitter';src:url('../assets/fonts/bitter-italic-variable.woff2') format('woff2-variations');
  font-weight:300 900;font-style:italic;font-display:swap}

/* Fra tokens/fonts.css – variabelen, uten @import-linja. */
:root{--dk-font:'Bitter',Georgia,'Times New Roman',serif;--font-brand:var(--dk-font)}

/* === Fra tokens/colors.css – uendret ==================================== */
/* Farger. Grunn er krem, aldri hvit. Tekst og alle streker er #26221A, aldri svart. */
:root{
  /* Base */
  --dk-tekst:#26221A;
  --dk-krem:#E8E2CC;
  --dk-krem-dyp:#DDD5BA;
  --dk-lane-marine:#232B45;
  --dk-lane-gronn:#244A30;
  --dk-lane-svart:#17171B;   /* reservert Hverdagskaffe – ikke i bruk, ikke tekstfarge */
  --dk-jul-rod:#A51417;      /* reservert Julekaffe – ikke i bruk */
  --dk-tekst-paa-lane:#E8E2CC;
  /* Foto-plassholdere – flate med vilje, fjernes når foto finnes */
  --dk-ph-1:#9E9583;
  --dk-ph-2:#8A8271;
  --dk-ph-3:#ABA290;

  /* Semantiske alias */
  --text-body:var(--dk-tekst);
  --text-dempet:var(--dk-tekst);        /* dempes med opacity, ikke med ny farge */
  --text-paa-lane:var(--dk-tekst-paa-lane);
  --surface-grunn:var(--dk-krem);
  --surface-note:var(--dk-krem-dyp);
  --linje:var(--dk-tekst);
  --lane-trygg:var(--dk-lane-marine);
  --lane-nysgjerrig:var(--dk-lane-gronn);
}

/* === Fra tokens/typography.css – uendret ==================================== */
/* Typografi. Bitter i tre vekter. Aldri over 700, aldri over 1.9rem. */
:root{
  --dk-vekt-ordmerke:700; /* @kind font */
  --dk-vekt-tittel:600; /* @kind font */
  --dk-vekt-brod:400; /* @kind font */
  --dk-vekt-label:600; /* @kind font */

  --dk-fs-brod:17px;
  --dk-fs-ordmerke:1.35rem;
  --dk-fs-h1:1.9rem;
  --dk-fs-navn:1.35rem;
  --dk-fs-anledning:1.05rem;
  --dk-fs-pris:1.15rem;
  --dk-fs-knapp:0.95rem;
  --dk-fs-sted:0.9rem;
  --dk-fs-bildetekst:0.85rem;
  --dk-fs-label:0.8rem;

  --dk-lh-brod:1.55; /* @kind font */
  --dk-lh-tittel:1.15; /* @kind font */
  --dk-lh-navn:1.2; /* @kind font */
  --dk-ls-label:0.08em; /* @kind font */
  --dk-maal-brod:52ch; /* @kind spacing */
  --dk-maal-anledning:42ch; /* @kind spacing */
  --dk-dempet:0.72; /* @kind other */

  /* Semantiske alias */
  --type-ordmerke:var(--dk-vekt-ordmerke) var(--dk-fs-ordmerke)/1.1 var(--dk-font);
  --type-h1:var(--dk-vekt-tittel) var(--dk-fs-h1)/var(--dk-lh-tittel) var(--dk-font);
  --type-navn:var(--dk-vekt-tittel) var(--dk-fs-navn)/var(--dk-lh-navn) var(--dk-font);
  --type-brod:var(--dk-vekt-brod) var(--dk-fs-brod)/var(--dk-lh-brod) var(--dk-font);
}

/* === Fra tokens/layout.css – uendret ==================================== */
/* Layout, form, avstand. Radius 2px. Streker 1px. Ingen skygger. */
:root{
  --dk-bredde:1040px;
  --dk-marg:20px;
  --dk-brekk:720px; /* @kind other */
  --dk-strek:1px solid var(--dk-tekst); /* @kind other */
  --dk-strek-bredde:1px;
  --dk-radius:2px;
  --dk-stripe:6px;
  --dk-stripe-kort:64px;
  --dk-gap-kolonne:40px;
  --dk-gap-seksjon:64px;

  /* Avstandsskala i bruk i v3 */
  --dk-rom-1:6px;
  --dk-rom-2:12px;
  --dk-rom-3:20px;
  --dk-rom-4:32px;
  --dk-rom-5:48px;
  --dk-rom-6:64px;
  --dk-rom-7:72px;

  --dk-skygge:none; /* @kind shadow */   /* eksisterer for å si nei */

  /* Semantiske alias */
  --surface-radius:var(--dk-radius);
  --border-hairline:var(--dk-strek); /* @kind other */
  --container-maks:var(--dk-bredde);
}

/* === Fra tokens/photography.css – uendret ==================================== */
/* Foto er primærbæreren. Formatene under er de eneste som brukes.
   All bildebehandling (korn, halation, varme) gjøres på bildet – aldri i CSS. */
:root{
  --dk-ar-hero:16 / 8; /* @kind other */      /* 4/3 på mobil */
  --dk-ar-kort:4 / 3; /* @kind other */
  --dk-ar-produkt:4 / 5; /* @kind other */    /* 4/3 på mobil */
  --dk-ar-rad:1 / 1; /* @kind other */
  --dk-ar-sekundaer:3 / 2; /* @kind other */
}