/* ============================================================
   TOKENS — Søgård Photo · design-DNA: "Pit" (mørk cinematisk)
   ============================================================
   KONTRAKTEN (se UNIKHED.md): variabelNAVNENE er ens på alle
   Madsen Studio-sider — VÆRDIERNE er det aldrig. Alt udseende
   refererer hertil; ingen hex-koder eller font-navne andre
   steder i CSS'en.

   Verden: mørk. Billederne ejer skærmen, typografien hvisker,
   ét varmt guld (fra Magnus' logo) er den eneste farve-begivenhed.
   ============================================================ */

:root {
  /* ---------- Flader (mørk verden) ---------- */
  --bg:        #0B0B0E;   /* primær flade — næsten sort       */
  --bg-2:      #16161A;   /* løftet panel                     */
  --bg-3:      #121217;   /* dybere/variation                 */

  /* ---------- Tekst ---------- */
  --ink:       #F3F0EA;   /* primær tekst — varm off-white    */
  --ink-2:     #ABA8A2;   /* sekundær/dæmpet                  */
  --ink-3:     #6E6C68;   /* tertiær/svag                     */

  /* ---------- Identitet (guld — fra Magnus' eget logo #AC8F3E) ---------- */
  --accent:        #C9A24B;            /* signaturfarve — brand-guld   */
  --accent-deep:   #AC8F3E;            /* logoets guld (dyb/hover)     */
  --accent-soft:   rgba(201,162,75,0.12);
  --cta:           #C9A24B;            /* knapfarve = accent           */
  --cta-deep:      #D9BC6E;            /* knap-hover (lysere guld)     */

  /* ---------- Streger (mørk verden → lyse hairlines) ---------- */
  --hairline:   rgba(255, 255, 255, 0.10);
  --hairline-2: rgba(255, 255, 255, 0.18);

  /* ---------- Typografi (Pit) ---------- */
  --f-display: "Clash Display", sans-serif;   /* overskrifter — poster-energi */
  --f-body:    "General Sans", sans-serif;     /* brødtekst — ren, smuk        */
  --f-mono:    "Space Mono", monospace;        /* eyebrows/labels/tal          */

  /* ---------- Typeskala (cinematisk: store display-yderpunkter) ---------- */
  --t-display-xl: clamp(60px, 11vw, 180px);
  --t-display-l:  clamp(42px, 7vw, 104px);
  --t-display-m:  clamp(28px, 3.6vw, 54px);
  --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(96px, 12vw, 180px);
  --max:    1360px;

  /* ---------- Bevægelses-personlighed: cinematisk ----------
     "lys-reveal" — billeder tænder i mørket. Blød, filmisk easing,
     lidt længere varighed, så det føles som scenelys der køres op. */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       820ms;
  --dur-fast:  280ms;

  /* ---------- Form (Pit = skarp/premium, ikke buet) ---------- */
  --r-1: 2px;
  --r-card: 4px;
}