/* Sidis typography. Three families, three jobs.
   Poppins — display and headings only, never below 19px.
   Nunito Sans — UI labels, buttons, prose.
   IBM Plex Mono with tabular figures — every number a reader might compare or align.
   Sentence case everywhere except the eyebrow, which is uppercase. */

:root {
  --font-display: "Poppins", system-ui, sans-serif;
  --font-sans: "Nunito Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Composite shorthands — assign to `font:` */
  --type-display-xl: 700 48px/1.1 var(--font-display);
  --type-display: 600 36px/1.15 var(--font-display);
  --type-h1: 600 30px/1.2 var(--font-display);
  --type-h2: 600 24px/1.3 var(--font-display);
  --type-h3: 600 19px/1.35 var(--font-display);
  --type-body-lg: 400 16px/1.65 var(--font-sans);
  --type-body: 400 15px/1.6 var(--font-sans);
  --type-ui: 400 14px/1.4 var(--font-sans);
  --type-small: 400 13px/1.55 var(--font-sans);
  --type-label: 600 13px/1.4 var(--font-sans);
  --type-eyebrow: 700 12px/1.5 var(--font-sans);
  --type-button: 700 15px/1 var(--font-sans);
  --type-button-touch: 700 16px/1 var(--font-sans);
  --type-badge: 700 12px/1 var(--font-sans);
  --type-data: 500 14px/1.4 var(--font-mono);
  --type-data-sm: 400 13px/1.4 var(--font-mono);
  --type-data-xs: 400 12px/1.4 var(--font-mono);
  --type-metric: 500 28px/1.2 var(--font-mono);
  --type-metric-lg: 500 32px/1.2 var(--font-mono);

  /* Individual axes, for when the shorthand is too blunt */
  --font-size-display-xl: 48px;
  --font-size-display: 36px;
  --font-size-h1: 30px;
  --font-size-h2: 24px;
  --font-size-h3: 19px;
  --font-size-body-lg: 16px;
  --font-size-body: 15px;
  --font-size-ui: 14px;
  --font-size-small: 13px;
  --font-size-eyebrow: 12px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --tracking-eyebrow: 0.06em;
  --numeric-tabular: tabular-nums;
  --measure-prose: 68ch;
  --measure-hero: 56ch;
}