/* tokens.css — Variant C "Helder & direct". KLEUR-AGNOSTISCH.
 * Vul-agent past per prospect ALLEEN deze tokens aan. Nooit hardgecodeerde kleuren.
 */
:root {
  --color-surface: #ffffff;
  --color-surface-alt: #f3f5f6;
  --color-text: #101418;
  --color-muted: #5d6673;
  --color-line: #e5e9ec;
  --color-accent: #0f6b63;        /* diep teal (swapbaar) */
  --color-accent-hover: #0b5048;
  --color-accent-ink: #ffffff;

  --font-sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;
  --fs-h1: clamp(2.2rem, 4vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 2.6vw, 2.2rem);
  --fs-h3: 1.2rem;
  --fs-lede: 1.1rem;

  --maxw: 1160px;
  --radius: 8px;
  --radius-lg: 14px;
  --s1: .5rem; --s2: 1rem; --s3: 1.75rem; --s4: 3rem; --s5: 5rem; --s6: 7rem;
  --ease: cubic-bezier(.22,1,.36,1);
}