:root {
  /* ---- Families (see fonts.css for substitution notes) ---- */
  --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;

  /* ---- Type scale (role -> size / line-height / tracking) ---- */
  --type-hero-size: 96px;     --type-hero-lh: 1.00; --type-hero-ls: -1.92px;  /* CohereText */
  --type-product-size: 72px;  --type-product-lh: 1.00; --type-product-ls: -1.44px; /* CohereText */
  --type-section-size: 60px;  --type-section-lh: 1.00; --type-section-ls: -1.2px;
  --type-heading-size: 48px;  --type-heading-lh: 1.20; --type-heading-ls: -0.48px;
  --type-card-size: 32px;     --type-card-lh: 1.20; --type-card-ls: -0.32px;
  --type-feature-size: 24px;  --type-feature-lh: 1.30; --type-feature-ls: 0;
  --type-body-lg-size: 18px;  --type-body-lg-lh: 1.40; --type-body-lg-ls: 0;
  --type-body-size: 16px;     --type-body-lh: 1.50; --type-body-ls: 0;
  --type-button-size: 14px;   --type-button-lh: 1.71; --type-button-ls: 0;
  --type-caption-size: 14px;  --type-caption-lh: 1.40; --type-caption-ls: 0;
  --type-mono-size: 14px;     --type-mono-lh: 1.40; --type-mono-ls: 0.28px;
  --type-micro-size: 12px;    --type-micro-lh: 1.40; --type-micro-ls: 0;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
}