/* ============================================================
   TSA — Typography tokens
   Display = IBM Plex Sans (tight tracking, bold)
   Body    = Museo (self-hosted licensed webfont, assets/fonts/)
   UI      = IBM Plex Sans
   Label   = IBM Plex Sans (uppercase, tracked)
   ============================================================ */
:root {
  --font-display: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "museo", "Iowan Old Style", Georgia, serif;
  --font-ui: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-condensed: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;

  /* Weights */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* Display scale (IBM Plex Sans, tracking -0.01em) — px values
     mirror the brand spec (100/72/42) scaled for screen use. */
  --text-display-xl: 5rem;     /* 80px  — hero headline 01 */
  --text-display-lg: 3.5rem;   /* 56px  — headline 02 */
  --text-display-md: 2.625rem; /* 42px  — headline 03 */
  --text-display-sm: 2rem;     /* 32px  */

  /* Heading / body */
  --text-h1: 2.5rem;    /* 40px */
  --text-h2: 2rem;      /* 32px */
  --text-h3: 1.5rem;    /* 24px */
  --text-h4: 1.25rem;   /* 20px */
  --text-body-lg: 1.3125rem; /* 21px — editorial body (Museo) */
  --text-body: 1rem;    /* 16px */
  --text-sm: 0.875rem;  /* 14px */
  --text-xs: 0.75rem;   /* 12px */

  /* Line heights */
  --lh-tight: 0.9; /* @kind font */
  --lh-snug: 1.1; /* @kind font */
  --lh-normal: 1.3; /* @kind font */
  --lh-relaxed: 1.5; /* @kind font */

  /* Tracking */
  --tracking-display: -0.01em; /* @kind font */
  --tracking-h1: -2px; /* @kind font */
  --tracking-tight: -0.02em; /* @kind font */
  --tracking-label: 0.06em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
}