/* ============================================================
   TOKENS — CF BYG · design-DNA: "KALK & SKIFER"
   ============================================================
   Lys kalk-verden. Skifer er det ENESTE mørke (knapper, paneler,
   én mørk sektion). Messing kun som hairlines/målstreger — aldrig
   som tekstfarve. Alt udseende refererer hertil (UNIKHED.md).
   Låst 23/8-2026 efter Jens' valg (retning A). Reference: fokusbad.dk
   OPDATERET 17/9-2026 efter Claus' ønske i telefonen ("tonerne lidt kraftigere …
   lidt mørkere, eller kraftigere i farve" + "scrollningen er meget lang"):
   samme kulørfamilie, hævet mætning, sænket lyshed ét trin · hårstreger 14→20 %
   og 28→36 % · sektionsrytme 132→92 px. Skifer-verdenen er URØRT, så den mørke
   farve stadig er den eneste mørke. Kontrollen: AA holder overalt, og sidens
   sværeste tekst gik fra 5,36 til 5,81.
   (sammenlignings-frame — look aldrig kopieret).
   ============================================================ */

:root {
  /* ---------- Flader ---------- */
  --bg:        #EFE7DA;   /* kalk — primær flade            */
  --bg-2:      #F7F2E9;   /* lys kalk — løftet panel/kort   */
  --bg-3:      #E3D6C0;   /* sten — dybere variation        */

  /* ---------- Tekst ---------- */
  --ink:       #1A1815;   /* blæk (varm, aldrig ren sort)   */
  --ink-2:     #45403A;   /* sekundær                       */
  --ink-3:     #5D5750;   /* tertiær (AA på kalk + sten)     */

  /* ---------- Identitet ---------- */
  --accent:        #2C3437;              /* skifer                  */
  --accent-deep:   #1E2528;              /* skifer, mørkere (hover) */
  --accent-soft:   rgba(44, 52, 55, 0.08);
  --cta:           #2C3437;
  --cta-deep:      #1E2528;
  --brass:         #B48846;              /* messing — KUN streger/dekor */
  --brass-soft:    rgba(180, 136, 70, 0.38);

  /* Skifer-verden (mørk sektion) — re-scopes tokens lokalt */
  --skifer:        #2C3437;
  --skifer-2:      #364044;
  --skifer-3:      #232A2D;
  --kalk-on-dark:  #EFE9DE;
  --kalk-on-dark-2:#C9C3B8;
  --kalk-on-dark-3:#A39C90;

  /* ---------- Streger ---------- */
  --hairline:   rgba(31, 29, 26, 0.20);
  --hairline-2: rgba(31, 29, 26, 0.36);
  --hairline-dark:   rgba(239, 233, 222, 0.20);
  --hairline-dark-2: rgba(239, 233, 222, 0.36);

  /* ---------- Typografi ---------- */
  --f-display: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --f-body:    "Host Grotesk", "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "Geist Mono", "SF Mono", Menlo, monospace;

  /* ---------- Typeskala (rolig — aldrig skrigende) ---------- */
  --t-display-xl: clamp(42px, 5.6vw, 84px);
  --t-display-l:  clamp(32px, 4vw, 58px);
  --t-display-m:  clamp(24px, 2.6vw, 36px);
  --t-lead:       clamp(17px, 1.35vw, 20px);
  --t-body:       17px;
  --t-small:      14px;
  --t-mono:       11px;
  --t-mono-l:     12.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, 80px);
  --rhythm: clamp(56px, 6.6vw, 92px);
  --max:    1320px;

  /* ---------- Bevægelses-personlighed: stille & clean ---------- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       900ms;
  --dur-fast:  260ms;
  --reveal-y:  18px;
  --reveal-step: 110ms;

  /* ---------- Form: skarpe hjørner ---------- */
  --r-1: 2px;
  --r-card: 3px;
}