/* ─────────────────────────────────────────────────────────────
   Van Zomeren Isolatie — Typography tokens
   One typeface: Inter (400–900). Tight tracking on display sizes.
   ───────────────────────────────────────────────────────────── */
:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);

  /* Weights — the brand leans heavy: 800/900 for display, 600/700 for UI */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */
  --fw-black:     900; /* @kind font */

  /* Type scale (fluid where the site uses clamp) */
  --fs-display:   clamp(2.4rem, 6vw, 4rem);     /* @kind font */
  --fs-h1:        clamp(1.7rem, 4vw, 2.5rem);   /* @kind font */
  --fs-h2:        1.5rem;   /* @kind font */
  --fs-h3:        1.05rem;  /* @kind font */
  --fs-lead:      clamp(1rem, 2.5vw, 1.2rem);   /* @kind font */
  --fs-body:      1rem;     /* @kind font */
  --fs-sm:        .93rem;   /* @kind font */
  --fs-xs:        .8rem;    /* @kind font */
  --fs-label:     .78rem;   /* eyebrow     @kind font */

  /* Line heights */
  --lh-tight:     1.1;      /* @kind font */
  --lh-snug:      1.2;      /* @kind font */
  --lh-body:      1.7;      /* @kind font */

  /* Letter-spacing */
  --ls-display:   -.02em;   /* big type  @kind font */
  --ls-tight:     -.01em;   /* @kind font */
  --ls-label:     .08em;    /* eyebrows  @kind font */
  --ls-wide:      .06em;    /* @kind font */
}