/* ==========================================================================
   VisitHealth — Typography tokens
   No brand font files were supplied. Substituted with Manrope (Google Fonts) —
   a geometric, rounded-terminal grotesk that closely matches the bold,
   circular counters seen in the VisitHealth wordmark and headlines.
   FLAG: swap @font-face in fonts.css if real brand font files become available.
   ========================================================================== */

:root {
  --font-display: "Manrope", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Type scale — major-third-ish, tuned to match screenshots (large, confident display) */
  --text-display-xl: 700 4.5rem/1.05 var(--font-display);   /* 72px hero */
  --text-display-lg: 800 3.375rem/1.08 var(--font-display);  /* 54px */
  --text-display-md: 800 2.5rem/1.12 var(--font-display);    /* 40px section headings */
  --text-display-sm: 700 2rem/1.18 var(--font-display);      /* 32px */

  --text-heading-lg: 700 1.5rem/1.28 var(--font-display);    /* 24px card/subsection titles */
  --text-heading-md: 700 1.25rem/1.32 var(--font-display);   /* 20px */
  --text-heading-sm: 700 1.125rem/1.35 var(--font-display);  /* 18px */

  --text-body-lg: 500 1.125rem/1.55 var(--font-body);        /* 18px lede */
  --text-body-md: 500 1rem/1.55 var(--font-body);            /* 16px default */
  --text-body-sm: 500 0.875rem/1.5 var(--font-body);         /* 14px */

  --text-label-md: 700 0.9375rem/1.3 var(--font-body);       /* 15px nav/buttons */
  --text-label-sm: 700 0.8125rem/1.3 var(--font-body);       /* 13px eyebrow/meta */
  --text-caption: 600 0.75rem/1.4 var(--font-body);          /* 12px caption, uppercase tracking */

  --tracking-caption: 0.04em;
  --tracking-tight: -0.01em;
  --tracking-display: -0.02em;
}