/* Parker Health — typography tokens
   Fraunces for display + headings (warm, characterful serif; authority
   without stiffness). Inter for body (clean, legible at small sizes).
   Fira Code for statistics, evidence grades, pills and lab-style callouts
   (monospace with ligatures; the signature). Sentence case throughout,
   never Title Case, never all-caps headings. */

:root {
  /* ── Families ───────────────────────────────────────────────── */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-serif: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Fira Code', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ── Weights ────────────────────────────────────────────────── */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ── Type scale (px) — from the brand type scale ────────────── */
  --size-title: 42px;      /* Fraunces 600 — page / cover titles */
  --size-subtitle: 36px;   /* Fraunces 300 — deck subtitles */
  --size-h1: 32px;         /* Fraunces 400 */
  --size-h2: 24px;         /* Fraunces 400 — headings */
  --size-h3: 20px;         /* Fraunces 400 — section headers */
  --size-lead: 17px;       /* Inter — lead paragraphs */
  --size-body: 15px;       /* Inter — default body (screen) */
  --size-body-sm: 13px;    /* Inter — dense body */
  --size-caption: 11px;    /* Fira Code — captions */
  --size-micro: 10px;      /* Fira Code — eyebrows, labels */

  /* ── Line heights ───────────────────────────────────────────── */
  --leading-tight: 1.05;
  --leading-snug: 1.18;
  --leading-body: 1.6;
  --leading-relaxed: 1.7;

  /* ── Letter spacing ─────────────────────────────────────────── */
  --tracking-title: 0.2px;
  --tracking-eyebrow: 2px;   /* mono uppercase eyebrows */
  --tracking-caption: 1px;
  --tracking-body: 0;

  /* ── Composed semantic aliases ──────────────────────────────── */
  --text-eyebrow-font: var(--font-mono);
  --text-heading-font: var(--font-display);
  --text-body-font: var(--font-body);
  --text-data-font: var(--font-mono);
}