/* ============================================================
   GODBALLE BYG — tokens.css (v3)
   Modern Danish trades aesthetic — heavy display, warm ink,
   terracotta accent. Inspired by OSMA Klima + Bison Company.
   ============================================================ */

:root {
  /* Color — warm-tinted dark, paper cream, confident terracotta accent */
  --paper:      #FAFAF7;
  --paper-2:    #F2F1EC;
  --ink:        #211A14;        /* deep coffee-brown, NOT pure black */
  --ink-2:      #4A3F36;
  --ink-3:      #8C8579;
  --hairline:   rgba(33, 26, 20, 0.12);
  --hairline-2: rgba(33, 26, 20, 0.28);

  /* Single confident accent — burnt terracotta, the colour of roof tile */
  --clay:       #C44E2C;
  --clay-deep:  #9B3B1F;
  --clay-soft:  rgba(196, 78, 44, 0.10);

  /* Dark surface — for the Ydelser section + footer */
  --ink-bg:     #1A1410;
  --ink-bg-2:   #2A201A;
  --paper-on-ink: #F4EFE6;

  --scrim:      rgba(20, 16, 12, 0.92);

  /* Type families — Outfit for display, Plus Jakarta Sans for body */
  --f-display:  "Outfit", "Helvetica Neue", system-ui, sans-serif;
  --f-body:     "Plus Jakarta Sans", "Helvetica Neue", system-ui, sans-serif;
  --f-mono:     "JetBrains Mono", ui-monospace, monospace;

  /* Type scale */
  --t-display-xl: clamp(64px, 11vw, 200px);   /* hero name — push bigger */
  --t-display-l:  clamp(44px, 7vw,  104px);   /* H2 */
  --t-display-m:  clamp(30px, 3.6vw, 56px);   /* service title */
  --t-lead:       clamp(19px, 1.5vw, 24px);
  --t-body:       17px;
  --t-small:      14px;
  --t-mono:       11px;
  --t-mono-l:     13px;

  /* Spacing scale */
  --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;

  /* Layout */
  --gutter: clamp(24px, 5vw, 80px);
  --rhythm: clamp(96px, 12vw, 180px);
  --max:    1360px;

  /* Rules */
  --rule: 1px;
  --r-0:  0;
  --r-1:  2px;

  /* Subtle paper-grain noise — fractal noise SVG inlined as data URI.
     Use with paper-tone backgrounds to add texture and warmth. */
  --noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch' seed='5'/><feColorMatrix values='0 0 0 0 0.13  0 0 0 0 0.10  0 0 0 0 0.08  0 0 0 0.14 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");
}