/* ============================================================
   Confirm — typography tokens
   Display: Schibsted Grotesk  ·  Body: IBM Plex Sans  ·  Label/mono: IBM Plex Mono
   ============================================================ */
:root {
  /* ---- families ---- */
  --font-display: 'Schibsted Grotesk', sans-serif;
  --font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* ---- weights ---- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-black:    800; /* @kind font */   /* hero headlines, big stats */

  /* ---- fluid display sizes (headings use --font-display) ---- */
  --fs-hero:    clamp(38px, 5.4vw, 66px); /* @kind font */  /* homepage H1 */
  --fs-h1:      clamp(34px, 5vw, 60px);   /* @kind font */  /* inner-page hero */
  --fs-h2:      clamp(30px, 4vw, 46px);   /* @kind font */  /* section heading */
  --fs-h3:      clamp(24px, 3vw, 34px);   /* @kind font */
  --fs-h4:      19.5px;                    /* @kind font */

  /* ---- body sizes ---- */
  --fs-lead:    clamp(18px, 2vw, 21px);   /* @kind font */  /* intro paragraphs */
  --fs-body:    17px;                      /* @kind font */  /* base body */
  --fs-prose:   17.5px;                    /* @kind font */  /* article body */
  --fs-small:   15px;                      /* @kind font */
  --fs-fine:    13.5px;                     /* @kind font */

  /* ---- mono / eyebrow label ---- */
  --fs-eyebrow: 12.5px;   /* @kind font */
  --ls-eyebrow: 0.18em;   /* @kind font */  /* letter-spacing for uppercase mono labels */
  --ls-mono:    0.04em;   /* @kind font */

  /* ---- line heights ---- */
  --lh-tight:   1.04;   /* @kind font */  /* display headings */
  --lh-snug:    1.15;   /* @kind font */
  --lh-body:    1.6;    /* @kind font */
  --lh-prose:   1.7;    /* @kind font */

  /* ---- heading letter-spacing (tight, negative) ---- */
  --ls-display: -0.02em;   /* @kind font */
}
