/* v3 "Nordiskt dagsljus" design tokens.
   Daylight instead of night: bone base, deep-spruce ink, GM logo colours.
   Section theming: components consume the scoped custom properties
   (--surface/--tx/--tx-muted/--line); section variants only reassign them. */
:root {
  /* Palette — "Nordiskt dagsljus" in the GM logo colours: bone daylight base,
     deep-spruce structural surfaces (nav, buttons, bands, footer) and a saffron
     accent (links, kickers, hover highlights). Components consume --c-gran
     (accent) and --c-fill (accent surface); because the surface is dark, the
     on-surface text/hairlines are light (--text-on-gran etc.). */
  --c-dagsljus: #f2f4ec; /* page base — bone, faint green cast */
  --c-granit: #16261b;   /* ink: text, hairlines (deep spruce-black) */
  --c-saffran: #edbd21;      /* brand accent (logo saffron) */
  --c-saffran-djup: #8f7012; /* deep saffron for accent text on the light base */
  --c-gran: var(--c-saffran);        /* accent: links, kickers, hover highlights */
  --c-gran-djup: var(--c-saffran-djup); /* accent hover / accent text on light */
  --c-fill: #185431;         /* dark spruce — accent surface: nav, CTAs, bands, footer */
  --c-fill-djup: #1f6b3f;    /* fill hover (btn--primary) */
  --c-dis: #dde6d5;      /* pale sage tint: tags, hovers, selection */
  --c-vit: #ffffff;      /* cards, form fields, photo mats */

  --c-ink-muted: rgba(22, 38, 27, 0.62);
  --c-line: rgba(22, 38, 27, 0.14);
  --c-line-soft: rgba(22, 38, 27, 0.08);
  --text-on-gran: rgba(255, 255, 255, 0.94);       /* text on the spruce surface */
  --text-on-gran-muted: rgba(255, 255, 255, 0.68);
  --line-on-gran: rgba(255, 255, 255, 0.20);
  --tint-on-gran: rgba(255, 255, 255, 0.14); /* subtle fill on the accent surface */

  /* Scoped section theming (defaults = daylight band) */
  --surface: var(--c-dagsljus);
  --tx: var(--c-granit);
  --tx-muted: var(--c-ink-muted);
  --line: var(--c-line);

  /* Type — display carries personality, mono is the "facts voice" */
  --font-display: "Familjen Grotesk", "Instrument Sans", sans-serif;
  --font-body: "Instrument Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;

  /* Shape — functional 4px everywhere; no pills */
  --r-sm: 4px;
  --r-lg: 6px;

  /* Layout */
  --gutter: 24px;
  --container: 1240px;
  --section-y: clamp(64px, 9vw, 120px);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --speed: 0.25s;

  /* Elevation — barely-there; hairlines do the separating */
  --shadow-card: 0 1px 2px rgba(27, 29, 27, 0.05), 0 8px 24px rgba(27, 29, 27, 0.06);
  --shadow-soft: 0 12px 32px rgba(27, 29, 27, 0.1);
}