/* ============================================================================
   LUTZ UND LUTZ · TYPOGRAPHY TOKENS
   Display — Schibsted Grotesk (editorial, Scandinavian-precise grotesque).
   Body / UI — Inter (neutral, legible, tabular figures). Segoe UI kept in the
   fallback stack for the client's own editing comfort.
   ============================================================================ */

:root {
  --font-display: "Schibsted Grotesk", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fw-regular:   400; /* @kind other */
  --fw-medium:    500; /* @kind other */
  --fw-semibold:  600; /* @kind other */
  --fw-bold:      700; /* @kind other */
  --fw-black:     800; /* @kind other */

  /* Fluid where it helps; fixed where the brief pins it. rem = 16px base. */
  --fs-display:   clamp(3.25rem, 2.4rem + 3.6vw, 4.5rem); /* @kind other */
  --fs-h1:        2.5rem;     /* 40 @kind other */
  --fs-h2:        1.875rem;   /* 30 @kind other */
  --fs-h3:        1.375rem;   /* 22 @kind other */
  --fs-body-l:    1.125rem;   /* 18 @kind other */
  --fs-body:      1rem;       /* 16 @kind other */
  --fs-eyebrow:   0.8125rem;  /* 13 @kind other */
  --fs-caption:   0.8125rem;  /* 13 @kind other */
  --fs-micro:     0.6875rem;  /* 11 @kind other */

  --lh-display:   1.05; /* @kind other */
  --lh-h1:        1.1;  /* @kind other */
  --lh-h2:        1.2;  /* @kind other */
  --lh-h3:        1.3;  /* @kind other */
  --lh-body:      1.6;  /* @kind other */
  --lh-tight:     1.25; /* @kind other */
  --lh-eyebrow:   1.2;  /* @kind other */

  --tracking-display: -0.02em; /* @kind other */
  --tracking-tight:   -0.01em; /* @kind other */
  --tracking-normal:  0;       /* @kind other */
  --tracking-eyebrow: 0.14em;  /* uppercase eyebrow @kind other */
  --tracking-caps:    0.08em;  /* @kind other */
}