/* ============================================================================
   DESIGN-TOKENS  ·  ét sted for farve, type, rytme og bevægelse
   Filmisk, kurateret, dyr. Skift her for at re-brande hele oplevelsen.
   ========================================================================== */
:root {
  /* -- Farve: varm, mørk, redaktionel ----------------------------------- */
  --ink:        #100e0b;   /* dybeste baggrund            */
  --ink-2:      #17140f;
  --ink-3:      #1f1b15;
  --bone:       #efe7d7;   /* primær tekst                */
  --bone-2:     #cfc6b6;
  --bone-dim:   rgba(239, 231, 215, 0.60);
  --bone-faint: rgba(239, 231, 215, 0.34);

  --brass:      #c79a52;   /* den ene accent              */
  --brass-lt:   #e2c07e;
  --brass-glow: rgba(226, 192, 126, 0.55);

  /* -- Boligens palette (plan + solide mobil-felter) -------------------- */
  --paper:      #ece2cf;   /* varmt papir — lyse solide felter + planbaggrund */
  --paper-2:    #e2d6bf;   /* lidt dybere papir                            */
  --petrol:     #2f565b;   /* kølig accent — bad, kølige rum               */
  --petrol-lt:  #6f9498;
  --stone:      #8f877a;   /* varm grå — entré, bryggers                   */
  --stone-lt:   #b3aa9b;

  --line:       rgba(239, 231, 215, 0.16);
  --line-soft:  rgba(239, 231, 215, 0.09);
  --panel:      rgba(20, 17, 12, 0.55);
  --panel-2:    rgba(28, 24, 18, 0.72);

  /* -- Type ------------------------------------------------------------- */
  --serif: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fs-display: clamp(2.9rem, 8.4vw, 6.6rem);
  --fs-display-sm: clamp(2.1rem, 4.6vw, 3.6rem);
  --fs-lede:   clamp(1.05rem, 1.9vw, 1.5rem);
  --fs-body:   clamp(0.98rem, 1.25vw, 1.12rem);
  --fs-tag:    0.74rem;
  --fs-micro:  0.68rem;

  --track-wide: 0.42em;   /* small-caps labels */
  --track-mid:  0.16em;

  /* -- Rytme ------------------------------------------------------------ */
  --pad:    clamp(1.4rem, 5vw, 5.5rem);
  --maxw:   min(1180px, 92vw);
  --radius: 3px;

  /* -- Bevægelse: langsom = dyr ----------------------------------------- */
  --ease-cinema: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft:   cubic-bezier(0.33, 0, 0.2, 1);
  --ease-inout:  cubic-bezier(0.7, 0, 0.25, 1);

  --t-xslow: 1800ms;
  --t-slow:  1200ms;
  --t-med:   760ms;
  --t-fast:  420ms;

  --z-stage: 0;
  --z-content: 10;
  --z-chrome: 40;
  --z-overlay: 60;
}