/* ============================================================
   VALID AI — TYPOGRAPHY TOKENS
   Two families only:
   • Inter — everything: display, headings, body. Tight tracking on
     large sizes, weights 400/500/600/700/800.
   • JetBrains Mono — eyebrows, micro-labels, stat units, code. Always
     UPPERCASE with wide letter-spacing when used as a label.
   The signature move: a big Inter headline where ONE word is set in
   terracotta (--accent) — see .valid-accent-word.
   ============================================================ */
:root {
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Type scale (px) — editorial, high contrast between display & body */
  --fs-display:   64px;  /* hero headline */
  --fs-h1:        44px;  /* slide / section headline */
  --fs-h2:        32px;
  --fs-h3:        24px;
  --fs-title:     19px;  /* card titles */
  --fs-body:      16px;
  --fs-small:     14px;
  --fs-label:     12px;  /* mono micro-labels */
  --fs-micro:     10.5px;/* eyebrow / caption */

  --lh-tight:     1.02;  /* @kind other */
  --lh-snug:      1.15;  /* @kind other */
  --lh-normal:    1.5;   /* @kind other */

  /* Weights */
  --fw-regular:   400; /* @kind other */
  --fw-medium:    500; /* @kind other */
  --fw-semibold:  600; /* @kind other */
  --fw-bold:      700; /* @kind other */
  --fw-black:     800; /* @kind other */

  /* Tracking */
  --tracking-display: -0.02em; /* negative on big Inter */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-label:   0.14em;  /* mono eyebrows */
  --tracking-wide:    0.22em;  /* wide caps micro-labels */

  /* Semantic aliases */
  --text-display: var(--fw-bold) var(--fs-display)/var(--lh-tight) var(--font-sans);
  --text-heading: var(--fw-bold) var(--fs-h1)/var(--lh-snug) var(--font-sans);
  --text-copy:    var(--fw-regular) var(--fs-body)/var(--lh-normal) var(--font-sans);
}