/* ============================================================
   TYPOGRAPHY — Balto
   Exactly two typefaces. Roboto Slab Bold for all headings/display;
   Inter Regular for body, labels, captions & all UI text.
   Never a third font. Never body copy in the slab.
   Scale ratio ≈ 1.25 (major third) between heading steps.
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Roboto Slab', 'Roboto Slab Fallback', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  /* In-product UI headings use Inter Bold, NOT the slab. Roboto Slab is
     reserved for marketing / brand / display. This alias makes that explicit. */
  --font-product-heading: var(--font-sans);

  /* Weights (headings are ALWAYS 700; body is 400) */
  --weight-regular: 400;
  --weight-medium: 500;  /* UI emphasis: buttons, labels */
  --weight-semibold: 600;/* strong UI labels */
  --weight-bold: 700;    /* headings only */

  /* Font sizes (1:1 baseline — scale proportionally for large-format/web) */
  --text-display: 44px;
  --text-h1: 32px;
  --text-h2: 24px;
  --text-h3: 18px;
  --text-lead: 18px;
  --text-body: 16px;   /* default reading size */
  --text-body-sm: 14px;
  --text-caption: 12px;
  --text-eyebrow: 10px;

  /* Line heights (paired to each size) */
  --leading-display: 48px;
  --leading-h1: 38px;
  --leading-h2: 30px;
  --leading-h3: 26px;
  --leading-lead: 28px;
  --leading-body: 26px;
  --leading-body-sm: 22px;
  --leading-caption: 18px;

  /* Tracking */
  --tracking-display: -0.02em;
  --tracking-h1: -0.01em;
  --tracking-normal: 0;
  --tracking-caption: 0.02em;
  --tracking-eyebrow: 0.16em;
}