/* ============================================================
   Panterra Health — Typography tokens
   Instrument Serif (display) + Instrument Sans (body/UI)
   ============================================================ */
:root {
  /* Families */
  --font-serif: 'Instrument Serif', 'Times New Roman', Georgia, serif;
  --font-sans:  'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --font-display: var(--font-serif);  /* headlines, hero, pull-quotes */
  --font-body:    var(--font-sans);   /* paragraphs, UI, labels */

  /* Fluid display sizes (clamp: min, vw, max) */
  --text-hero:    clamp(3.25rem, 7vw, 6.5rem);   /* 52 → 104 */
  --text-d1:      clamp(2.5rem, 5vw, 4.5rem);     /* 40 → 72  */
  --text-d2:      clamp(2rem, 3.6vw, 3.25rem);    /* 32 → 52  */
  --text-d3:      clamp(1.6rem, 2.4vw, 2.25rem);  /* 26 → 36  */

  /* UI / body sizes */
  --text-2xl:     1.5rem;    /* 24 */
  --text-xl:      1.25rem;   /* 20 */
  --text-lg:      1.125rem;  /* 18 */
  --text-md:      1rem;      /* 16 — base body */
  --text-sm:      0.875rem;  /* 14 */
  --text-xs:      0.75rem;   /* 12 — eyebrows, meta */

  /* Weights (Instrument Sans is variable 400–700; Serif is 400 only) */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;

  /* Line heights */
  --leading-tight:   1.08;   /* display */
  --leading-snug:    1.18;   /* subheads */
  --leading-normal:  1.55;   /* body */
  --leading-relaxed: 1.7;    /* long-form */

  /* Letter spacing */
  --tracking-tight:  -0.02em;  /* large serif display */
  --tracking-normal: 0em;
  --tracking-wide:   0.04em;
  --tracking-eyebrow: 0.14em;  /* uppercase eyebrows / labels */
}