/* ============================================================
   TOKENS — IQ Wash · design-DNA: FLASKEGRØN
   ============================================================
   KONTRAKTEN (se UNIKHED.md): variabelNAVNENE er ens på alle
   Madsen Studio-sider — VÆRDIERNE er det aldrig. Udfyldes EFTER
   design-DNA-processen, aldrig før. Alt udseende refererer hertil;
   ingen hex-koder eller font-navne andre steder i CSS'en.
   ------------------------------------------------------------
   Valgt af Jens 2026-06-11: "Ren Flaskegrøn" — mørkegrøn premium-
   verden, Instrument Serif m/ italic-accenter, glacial ro, én
   bærende idé: siden vaskes ren mens man scroller. Produktkort
   ligger som skum-hvidt "galleri-papir" oven på den grønne verden.
   ============================================================ */

:root {
  /* ---------- Flader (mørkegrøn flaskeverden — lysnet 11/6 på Jens' ønske) ---------- */
  --bg:        /* flaskegrøn primærflade   */ #163424;
  --bg-2:      /* løftet panel             */ #20452F;
  --bg-3:      /* dybeste grøn (footer/nat) */ #102718;

  /* ---------- Tekst ---------- */
  --ink:       /* varm off-white           */ #F2EFE6;
  --ink-2:     /* dæmpet grågrøn           */ #C5CEC2;
  --ink-3:     /* hviskende meta           */ #8FA295;

  /* ---------- Identitet ---------- */
  --accent:        /* lys mos — italic-ord, linjer  */ #A8C6A1;
  --accent-deep:   /* mørkere mos (hover)           */ #86A87E;
  --accent-soft:   /* mos som svag flade            */ rgba(168, 198, 161, 0.10);
  --cta:           /* skum-hvid knap på grøn        */ #EDE9DC;
  --cta-deep:      /* knap-hover (renere hvid)      */ #F8F5EA;

  /* ---------- Skum-papir (produktkort/lyse flader) ---------- */
  --paper:      /* galleri-papir til produktkort */ #EDE9DC;
  --paper-2:    /* papir-variation               */ #E4DFCE;
  --foto-bg:    /* fotopanel (produktfotos har ægte alpha) */ #FBFAF7;
  --ink-on-paper: #1E2B22;

  /* ---------- Materiale (SYNET: premium tomhed er stof, ikke flad hex) ---------- */
  --bg-glow:    /* organisk åndehul i mørket     */ #1D4029;
  --bg-depth:   /* dybeste hjørne-skygge         */ #0D2114;
  --shade:      /* skygge-/vignettetone          */ rgba(3, 10, 6, 0.5);
  --moss-glow:  /* lysbegivenheden (doseret!)    */ rgba(168, 198, 161, 0.14);
  --dirt-tint:  /* snavs-lagets jordtone         */ rgba(118, 96, 56, 0.20);

  /* ---------- Streger ---------- */
  --hairline:   rgba(242, 239, 230, 0.12);
  --hairline-2: rgba(242, 239, 230, 0.24);

  /* ---------- Typografi ---------- */
  --f-display: "Libre Caslon Text", Georgia, serif; /* skiftet 11/6 — Instrument Serif = AI-tell (Jens) */
  --f-body:    "Public Sans", "Helvetica Neue", sans-serif;
  --f-mono:    "Public Sans", sans-serif; /* metastemmen: uppercase + letter-spacing, ikke ægte mono — "to fonte, tre stemmer" */

  /* ---------- Typeskala (serif må fylde — glacial luksus) ---------- */
  --t-display-xl: clamp(44px, 9vw, 136px);   /* 23/8: 148 ombrød "Egen produktion." >1645px (1200px > 1160px container) */
  --t-display-l:  clamp(38px, 6vw, 92px);
  --t-display-m:  clamp(28px, 3.4vw, 50px);
  --t-lead:       clamp(18px, 1.5vw, 23px);
  --t-body:       17px;
  --t-small:      14px;
  --t-mono:       11px;
  --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(24px, 5vw, 80px);
  --rhythm: clamp(72px, 8.5vw, 124px); /* strammet 11/6 — Jens: "for meget luft" */
  --max:    1320px;

  /* ---------- Bevægelses-personlighed: GLACIAL ----------
     Lange, bløde bevægelser. Intet snappper. Skummet glider. */
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);
  --dur:       950ms;
  --dur-fast:  320ms;

  /* ---------- Form (blødt afrundet, aldrig pille) ---------- */
  --r-1: 4px;
  --r-card: 12px;
}