:root {
  --font-display: 'Silka', -apple-system, BlinkMacSystemFont, sans-serif; /* headings, UI, buttons, nav, labels */
  --font-body: 'Merriweather', Georgia, serif;                            /* paragraph copy, editorial */

  /* Type scale — exact px/rem values from main.css (do not round to a grid) */
  --text-h1: 700 60px/1.1 var(--font-display);
  --text-h2: 700 42px/1.2 var(--font-display);
  --text-h3: 400 32px/1.2 var(--font-display);
  --text-h4: 700 24px/1.2 var(--font-display);
  --text-h5: 700 20px/1.2 var(--font-display);
  --text-h6: 700 16px/1.2 var(--font-display);

  --text-heading-main: 700 2.875rem/1.1 var(--font-display);   /* hero headline, 46px */
  --text-heading-large: 700 2.25rem/1.2 var(--font-display);   /* 36px section heading */
  --text-heading-medium: 700 2rem/1.2 var(--font-display);     /* 32px subsection heading */
  --text-heading-small: 700 1.5rem/1.2 var(--font-display);    /* 24px */
  --text-heading-intra-small: 700 1.125rem/1.5 var(--font-display); /* 18px "how I work" item titles */

  --text-body-paragraph: 400 1.25rem/1.6 var(--font-body);     /* 20px default <p> */
  --text-paragraph-intra-small: 400 1.125rem/1.5 var(--font-display); /* 18px, Silka not Merriweather */
  --text-caption: 600 12px/1.2 var(--font-display);
  --text-eyebrow: 700 10px/1.2 var(--font-display);            /* uppercase, 1px tracking */

  --tracking-eyebrow: 1px;
  --tracking-button: 0.01rem;
}