/* IntentClose — Typography tokens (design system, 2026-10-02)
 * Headings/display: Red Hat Display (700-900). Body: Red Hat Text (16px, 1.6).
 * Eyebrow: Red Hat Display uppercase, tracked, bold, brand blue.
 */
:root {
  /* ---- Families -------------------------------------------------------- */
  --font-heading: 'Red Hat Display', 'Red Hat Display Fallback', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Red Hat Text', 'Red Hat Text Fallback', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Weights --------------------------------------------------------- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  /* ---- Type scale (px-based, 16px root) -------------------------------- */
  --size-display: 3.5rem;   /* 56 — hero headlines */
  --size-h1: 2.5rem;        /* 40 */
  --size-h2: 1.75rem;       /* 28 */
  --size-h3: 1.25rem;       /* 20 */
  --size-h4: 1.0625rem;     /* 17 */
  --size-body-lg: 1.125rem; /* 18 — hero subcopy, lead paragraphs */
  --size-body: 1rem;        /* 16 — base */
  --size-small: 0.8125rem;  /* 13 */
  --size-eyebrow: 0.8125rem;/* 13 — overline */

  /* ---- Line heights ---------------------------------------------------- */
  --leading-display: 1.1;
  --leading-heading: 1.2;
  --leading-snug: 1.35;
  --leading-body: 1.6;

  /* ---- Letter spacing -------------------------------------------------- */
  --tracking-display: -0.015em;  /* tighten large headings */
  --tracking-heading: -0.01em;
  --tracking-normal: 0;
  --tracking-eyebrow: 0.094em;   /* ~1.5px at 16px */

  /* ---- Semantic roles -------------------------------------------------- */
  --text-heading-font: var(--font-heading);
  --text-body-font: var(--font-body);
}