/* Typography tokens — from ai.madbotter.com production CSS + Spark brand spec. */

:root {
  /* Families */
  --font-display: "Barlow Condensed", "Impact", sans-serif; /* headings: uppercase, tight */
  --font-body: "Barlow", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-logo: "Impact", "Impact Unicode", "Barlow Condensed", sans-serif; /* wordmark only */

  /* Display scale (uppercase, line-height 0.96) */
  --text-h1: clamp(4.4rem, 10vw, 8.8rem);
  --text-h2: clamp(2.6rem, 5vw, 4.9rem);
  --text-h3: 2rem;
  --text-poster-stat: clamp(4.4rem, 8vw, 7rem); /* giant readout numerals */

  /* Body scale */
  --text-lede: 1.18rem;
  --text-base: 1rem;
  --text-small: 0.9rem;
  --text-caption: 0.78rem;

  /* Mono accents */
  --text-eyebrow: 0.86rem;   /* lowercase mono eyebrow, e.g. "// data readiness" */
  --text-nav: 0.88rem;       /* uppercase 800 nav links */

  /* Leading + tracking */
  --leading-display: 0.96;
  --leading-body: 1.55;
  --tracking-display: 0;

  /* Weights */
  --weight-body: 400;
  --weight-bold: 700;
  --weight-heavy: 800;  /* nav, labels, buttons, legends */
  --weight-black: 900;  /* big stat numbers in body face */
  --weight-display: 700; /* Barlow Condensed headings */
}