/* ============================================================
   VENTURA · TYPOGRAPHY TOKENS
   Display: Jost — geometric, upright, wide tracking. Used for
   titles, numbers, and "moments of impact". Often UPPERCASE
   with generous letter-spacing (the brandbook sets the wordmark
   and headings spaced-out).
   Text: Arimo — neutral grotesque for body & UI.
   ============================================================ */
:root {
  --font-display: 'Jost', 'Turnpike', system-ui, sans-serif;
  --font-text: 'Arimo', 'Liberation Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; /* @kind font */

  /* Type scale (1.250 major-third-ish, tuned) */
  --fs-3xs: 11px;
  --fs-2xs: 12px;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-md: 18px;
  --fs-lg: 21px;
  --fs-xl: 26px;
  --fs-2xl: 32px;
  --fs-3xl: 42px;
  --fs-4xl: 56px;
  --fs-5xl: 72px;
  --fs-6xl: 96px;

  --lh-tight: 1.05;   /* @kind font */
  --lh-snug: 1.18;    /* @kind font */
  --lh-normal: 1.5;   /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

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

  /* Tracking — the display face lives on wide tracking */
  --tracking-display: 0.14em;   /* spaced caps headlines @kind other */
  --tracking-wordmark: 0.34em;  /* logo-like, eyebrows @kind other */
  --tracking-tight: -0.01em;    /* large display numbers @kind other */
  --tracking-normal: 0;         /* @kind other */
  --tracking-body: 0.005em;     /* @kind other */

  /* Semantic roles */
  --text-eyebrow: var(--fw-medium) var(--fs-2xs)/1.2 var(--font-display);
  --text-display: var(--fw-medium) var(--fs-5xl)/var(--lh-tight) var(--font-display);
  --text-h1: var(--fw-medium) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --text-h2: var(--fw-medium) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --text-h3: var(--fw-medium) var(--fs-xl)/1.25 var(--font-display);
  --text-body-lg: var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-text);
  --text-body-base: var(--fw-regular) var(--fs-base)/var(--lh-normal) var(--font-text);
  --text-body-sm: var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-text);
  --text-label: var(--fw-medium) var(--fs-sm)/1.2 var(--font-text);
}