/* ============================================================
   SAilsy · Typography tokens
   Display: Bricolage Grotesque · Body: Public Sans · Mono: IBM Plex Mono
   (Self-hosted woff2 — @font-face rules live in tokens/fonts.css.)
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Public Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  /* Type scale (fluid where it matters) */
  --text-display: clamp(38px, 6.2vw, 68px);   /* hero h1 */
  --text-h2: clamp(25px, 3.4vw, 33px);        /* section heading */
  --text-h3: 17px;                            /* sub-heading */
  --text-lead: 19px;                          /* lead paragraph */
  --text-body: 17px;                          /* default reading size */
  --text-small: 15px;
  --text-mono: 14px;
  --text-eyebrow: 12.5px;

  /* Leading + tracking */
  --leading-body: 1.62;
  --leading-tight: 1.12;
  --tracking-tight: -0.025em;
  --tracking-eyebrow: 0.14em;
}