/* Design project "Haven Foundations" → tokens/typography.css. Only change: the two faces come from next/font variables set in app/layout.tsx.
   One heading face, one body face, a 7-step scale.
   Rule: Source Serif 4 at 20px and up (h3+). Everything smaller — UI, cards, captions — is Instrument Sans, so interfaces never read "quaint". */
:root{
  --font-heading: var(--font-source-serif), "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: var(--font-instrument-sans), "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* scale — size / line-height / weight */
  --text-display: 44px; --leading-display: 48px; --weight-display: 600; --tracking-display: -0.01em;
  --text-h1: 34px;      --leading-h1: 40px;      --weight-h1: 600;      --tracking-h1: -0.005em;
  --text-h2: 26px;      --leading-h2: 32px;      --weight-h2: 600;
  --text-h3: 20px;      --leading-h3: 27px;      --weight-h3: 600;
  --text-body-lg: 18px; --leading-body-lg: 28px; --weight-body-lg: 400;
  --text-body: 16px;    --leading-body: 25px;    --weight-body: 400;
  --text-caption: 13px; --leading-caption: 18px; --weight-caption: 500;

  /* control sizes used by components — not part of the editorial scale */
  --text-ui: 15px;
  --text-ui-sm: 13.5px;
  --text-ui-xs: 12px;
}