/* ReidAtlantic — Typography tokens
   Display/body split: a carved near-mono display voice over a neutral
   grotesque body. Hierarchy is driven by size, tight tracking, and surface
   contrast — not heavy weights. */

:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', Arial, ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Space Mono', 'Courier New', ui-monospace, monospace;

  /* ---- Weights (avoid heavy bolds) ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* ---- Type scale: size / line-height / tracking ----
     Named by role; pair the three custom props per role. */

  /* Hero Display — home declaration scale */
  --type-hero-size: 96px;
  --type-hero-line: 1.0;
  --type-hero-track: -1.92px;

  /* Product Display — product & research hero */
  --type-product-size: 72px;
  --type-product-line: 1.0;
  --type-product-track: -1.44px;

  /* Section Display — large product-page headings */
  --type-section-display-size: 60px;
  --type-section-display-line: 1.0;
  --type-section-display-track: -1.2px;

  /* Section Heading — split hero & CTA headings */
  --type-section-size: 48px;
  --type-section-line: 1.2;
  --type-section-track: -0.48px;

  /* Card Heading — feature card & list section titles */
  --type-card-heading-size: 32px;
  --type-card-heading-line: 1.2;
  --type-card-heading-track: -0.32px;

  /* Feature Heading — cards, filters, article titles */
  --type-feature-size: 24px;
  --type-feature-line: 1.3;
  --type-feature-track: 0;

  /* Body Large — lead text */
  --type-body-lg-size: 18px;
  --type-body-lg-line: 1.4;

  /* Body — default copy & links */
  --type-body-size: 16px;
  --type-body-line: 1.5;

  /* Button — compact CTA labels */
  --type-button-size: 14px;
  --type-button-line: 1.71;
  --type-button-weight: var(--weight-medium);

  /* Caption — metadata & small explanatory text */
  --type-caption-size: 14px;
  --type-caption-line: 1.4;

  /* Mono Label — uppercase technical markers */
  --type-mono-size: 14px;
  --type-mono-line: 1.4;
  --type-mono-track: 0.28px;

  /* Micro — footer, nav microcopy */
  --type-micro-size: 12px;
  --type-micro-line: 1.4;
}