/* =============================================================
   CTH — Typography tokens
   Inter Tight for display/headlines, Inter for body/UI/numerals,
   Instrument Sans italic for the single hero accent phrase.
   Hierarchy is built from scale + weight alone. No all-caps
   eyebrows, no monospace micro-labels.
   ============================================================= */

:root {
  /* Families */
  --font-display: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  /* --font-accent: the single italic accent phrase per hero (Instrument Sans italic). */
  --font-serif: "Instrument Sans", "Inter", system-ui, -apple-system, sans-serif;
  --font-numeric: "Inter", system-ui, -apple-system, sans-serif;

  /* Scale */
  --fs-hero: clamp(56px, 6.4vw, 88px);   /* @kind font */
  --fs-display: clamp(40px, 4vw, 56px);  /* @kind font */
  --fs-h1: 40px;      /* @kind font */
  --fs-h2: 28px;      /* @kind font */
  --fs-h3: 20px;      /* @kind font */
  --fs-body-lg: 17px; /* @kind font */
  --fs-body: 15px;    /* @kind font */
  --fs-small: 13px;   /* @kind font */
  --fs-label: 12px;   /* @kind font */

  /* Line height */
  --lh-tight: 1.02;  /* @kind other */
  --lh-snug: 1.18;   /* @kind other */
  --lh-body: 1.55;   /* @kind other */

  /* Tracking */
  --tracking-tight: -0.025em;
  --tracking-snug: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.01em;

  /* Weights */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
}