/* ============================================================
   TOKENS — Murermestrene Holst & Mårtensson · design-DNA: BRÆNDT TEGL
   ============================================================
   Verden: kalkhvid dag + sod-mørke momenter. Én accent: brændt tegl.
   Signatur: forbandt-mønsteret (murværk) + fuge-linjer som sektionsskel.
   Fonte: Zodiak (display-serif m. vægt og varme) + Supreme (brød +
   label-stemme: uppercase letterspaced). To fonte, tre stemmer.
   Divergens-tjek: godballe=terracotta/Outfit-plakat på papir (blødt,
   varmt orange) — denne er dybere rust, sod-mørke flader, murværks-
   grafik, serif-display. Ingen palet+font-kollision i porteføljen.
   ============================================================ */

:root {
  /* ---------- Flader ---------- */
  --bg:        #F3EDE2;   /* kalkhvid — varm, ikke gul */
  --bg-2:      #EAE1D2;   /* sand — løftet panel */
  --bg-3:      #FBF8F1;   /* lysest — kort/papir */

  /* ---------- Tekst (lys verden) ---------- */
  --ink:       #261D15;   /* sod — aldrig ren sort */
  --head:      #2E2115;   /* overskrifter, en anelse varmere */
  --ink-2:     #57493B;   /* sekundær */
  --ink-3:     #6C5D4E;   /* tertiær — AA på --bg */

  /* ---------- Mørk verden (sod-sektioner + hero) ---------- */
  --surface-dark: #221A13;
  --surface-dark-2: #2B2118;
  --paper:     #F5EFE3;   /* tekst på mørk */
  --paper-2:   #CBBDAB;   /* dæmpet på mørk */
  --paper-3:   #9C8D7C;   /* svag på mørk */

  /* ---------- Identitet ---------- */
  --accent:        #A63A20;   /* brændt tegl */
  --accent-deep:   #872D15;   /* hover + tekst på lys (AA) */
  --accent-bright: #C75B3D;   /* accent på mørk flade */
  --accent-soft:   rgba(166, 58, 32, 0.09);
  --cta:           #A63A20;
  --cta-deep:      #872D15;

  /* ---------- Streger / fuger ---------- */
  --hairline:   rgba(38, 29, 21, 0.13);
  --hairline-2: rgba(38, 29, 21, 0.24);
  --fuge-dark:  rgba(245, 239, 227, 0.07);  /* mørtel-linjer på sod */

  /* ---------- Typografi ---------- */
  --f-display: "Zodiak", "Georgia", serif;
  --f-body:    "Supreme", "Helvetica Neue", sans-serif;
  --f-mono:    "Supreme", sans-serif; /* label-stemmen: uppercase + spacing */

  /* ---------- Typeskala ---------- */
  --t-display-xl: clamp(46px, 7.2vw, 108px);
  --t-display-l:  clamp(36px, 5.4vw, 76px);
  --t-display-m:  clamp(27px, 3.2vw, 46px);
  --t-lead:       clamp(17.5px, 1.45vw, 22px);
  --t-body:       17px;
  --t-small:      14.5px;
  --t-mono:       12px;
  --t-mono-l:     13.5px;

  /* ---------- 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, 76px);
  --rhythm: clamp(72px, 9vw, 140px);
  --max:    1320px;

  /* ---------- Bevægelse: rolig, tung, sikker (murværk skynder sig ikke) ---------- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       800ms;
  --dur-fast:  260ms;

  /* ---------- Form: skarp med en lille lunhed ---------- */
  --r-1: 3px;
  --r-card: 10px;

  /* ---------- Reveal-personlighed ---------- */
  --reveal-y: 26px;
  --reveal-dur: 850ms;
  --reveal-step: 110ms;
}