/* Blue Bridge Logic — typography tokens
   Serif carries warmth (the trusted neighbor); sans carries clarity (the engineer).
   Base body is 17px for a 45–65 audience on phones and older laptops. */
:root {
  --font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-sans:  'Source Sans 3', -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'Source Code Pro', 'SF Mono', Consolas, monospace;

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

  /* ---- Scale (px in comments) ---- */
  --text-display-1: 3.5rem;    /* 56px — hero headlines, serif 600 */
  --lh-display-1:   1.12;
  --ls-display-1:   -0.012em;

  --text-display-2: 2.75rem;   /* 44px — section heroes, serif 600 */
  --lh-display-2:   1.16;
  --ls-display-2:   -0.01em;

  --text-h1: 2.25rem;          /* 36px — page titles, serif 600 */
  --lh-h1:   1.22;
  --ls-h1:   -0.008em;

  --text-h2: 1.75rem;          /* 28px — section heads, serif 600 */
  --lh-h2:   1.3;
  --ls-h2:   -0.004em;

  --text-h3: 1.375rem;         /* 22px — card titles, sans 600 */
  --lh-h3:   1.36;
  --ls-h3:   0;

  --text-h4: 1.125rem;         /* 18px — minor heads, sans 600 */
  --lh-h4:   1.4;
  --ls-h4:   0;

  --text-body-lg: 1.1875rem;   /* 19px — intros, lead paragraphs */
  --lh-body-lg:   1.6;

  --text-body: 1.0625rem;      /* 17px — default body */
  --lh-body:   1.65;

  --text-body-sm: 0.9375rem;   /* 15px — secondary copy, form help */
  --lh-body-sm:   1.55;

  --text-caption: 0.8125rem;   /* 13px — captions, footnotes */
  --lh-caption:   1.45;
  --ls-caption:   0.01em;

  --text-overline: 0.8125rem;  /* 13px — eyebrow labels, sans 600 UPPERCASE */
  --lh-overline:   1.3;
  --ls-overline:   0.09em;

  --text-mono-label: 0.8125rem; /* 13px — figures, drawing-style annotations */
  --ls-mono-label:   0.02em;
}