/* ============================================================
   TOKENS — BS Stubfræsning & Service · design-DNA: "Skovbryn"
   ============================================================
   Cream + dyb skovgrøn (Tosset-følelsen) + savsmuld-amber (BS' egen
   signatur, farven på frisk træflis). Fonte: Bricolage Grotesque +
   Figtree (bevidst IKKE Tossets Poppins/Inter — de er på bandlyst-listen).
   Alt udseende refererer hertil; ingen hex/font-navne andre steder.
   ============================================================ */

:root {
  /* ---------- Flader (lys, varm verden) ---------- */
  --bg:        #F4F1E9;   /* cream — primær flade            */
  --bg-2:      #FBFAF4;   /* løftet kort/panel (næsten hvid) */
  --bg-3:      #ECE5D6;   /* dybere sand — alt-bånd/emphasis */

  /* ---------- Mørke flader (skovgrøn verden) ---------- */
  --forest:      #20402B; /* primær skovgrøn — mørke sektioner/overskrifter */
  --forest-deep: #152A1D; /* dybeste grøn                    */
  --moss:        #5E8B4E; /* støtte-grøn (ikoner/detaljer)   */

  /* ---------- Tekst ---------- */
  --ink:       #1E1B15;   /* primær tekst (varm næsten-sort) */
  --ink-2:     #524B3D;   /* sekundær/dæmpet                 */
  --ink-3:     #6B6252;   /* tertiær/svag (WCAG AA ≥4.5:1)   */
  --ink-onDark:   #EFEAD8;/* tekst på skovgrøn               */
  --ink-onDark-2: #C6C2B2;/* dæmpet tekst på skovgrøn        */

  /* ---------- Identitet (savsmuld-amber = DENNE side) ---------- */
  --accent:        #C9863C;               /* signatur — frisk træflis */
  --accent-deep:   #8A5316;               /* mørkere accent til TEKST (WCAG AA ≥4.5:1 på cream/sand) */
  --accent-soft:   rgba(201,134,60,0.12); /* accent som svag flade    */
  --cta:           #C9863C;               /* knapfarve                */
  --cta-deep:      #A9691F;               /* knap-hover               */
  --cta-ink:       #241804;               /* tekst på amber-knap      */

  /* ---------- Streger ---------- */
  --hairline:        rgba(30, 27, 21, 0.12);
  --hairline-2:      rgba(30, 27, 21, 0.22);
  --hairline-onDark: rgba(255, 255, 255, 0.14);

  /* ---------- Typografi (låst i design-DNA) ---------- */
  --f-display: "Bricolage Grotesque", sans-serif; /* overskrifter — bærer personligheden */
  --f-body:    "Figtree", sans-serif;             /* brødtekst — smuk + læsbar */
  --f-mono:    "Figtree", sans-serif;             /* eyebrows/labels: Figtree 700 uppercase */

  /* ---------- Typeskala (venlig-selvsikker, ikke brutal) ---------- */
  --t-display-xl: clamp(50px, 8.4vw, 116px);
  --t-display-l:  clamp(38px, 5.6vw, 82px);
  --t-display-m:  clamp(27px, 3.4vw, 46px);
  --t-lead:       clamp(18px, 1.5vw, 22px);
  --t-body:       17px;
  --t-small:      14px;
  --t-mono:       12px;
  --t-mono-l:     13px;

  /* ---------- Rytme ---------- */
  --s-1: 4px;  --s-2: 8px;   --s-3: 12px;
  --s-4: 16px; --s-5: 24px;  --s-6: 32px;
  --s-7: 48px; --s-8: 64px;  --s-9: 96px;
  --s-10: 144px;

  --gutter: clamp(22px, 5vw, 72px);
  --rhythm: clamp(78px, 9.5vw, 138px);
  --max:    1200px;

  /* ---------- Bevægelses-personlighed (rolig-varm) ---------- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       700ms;
  --dur-fast:  250ms;

  /* ---------- Reveal ---------- */
  --reveal-y:    24px;
  --reveal-dur:  var(--dur);
  --reveal-step: 90ms;

  /* ---------- Form (blød side — Tosset er rundet) ---------- */
  --r-1:    12px;
  --r-card: 20px;
  --r-pill: 999px;
}