/* EnDepth type system. Three families, three jobs.
   Space Grotesk  — display + headings, weight 500, negative tracking.
   Hanken Grotesk — body, UI text, chip labels.
   Space Mono     — eyebrows, metadata, numerals, scores, formulas. Always tracked
                    and usually uppercase.
   Sizes are the literal values from the source canvas, clamp() included. */
:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --font-mono: 'Space Mono', monospace;

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

  /* display / headings — Space Grotesk 500 */
  --type-hero: 500 clamp(37px, 6.1vw, 84px)/0.99 var(--font-display);
  --type-hero-tracking: -0.032em;
  --type-h1: 500 clamp(23px, 2.7vw, 36px)/1.05 var(--font-display);
  --type-h1-tracking: -0.02em;
  --type-h2: 500 clamp(26px, 3.6vw, 46px)/1.04 var(--font-display);
  --type-h2-tracking: -0.02em;
  --type-quote: 500 clamp(24px, 3.3vw, 42px)/1.15 var(--font-display);
  --type-quote-tracking: -0.02em;
  --type-card-title: 500 clamp(18px, 1.5vw, 20px)/1.22 var(--font-display);
  --type-card-title-tracking: -0.01em;
  --type-numeral-xl: 500 clamp(42px, 5vw, 62px)/1 var(--font-display);
  --type-numeral-lg: 500 clamp(26px, 3vw, 38px)/1 var(--font-display);

  /* body — Hanken Grotesk 400 */
  --type-lede: 400 clamp(17px, 1.5vw, 21px)/1.55 var(--font-body);
  --type-prose: 400 clamp(16px, 1.35vw, 18.5px)/1.62 var(--font-body);
  --type-body: 400 15px/1.55 var(--font-body);
  --type-body-sm: 400 14.5px/1.55 var(--font-body);
  --type-card-dek: 400 13.5px/1.5 var(--font-body);
  --type-ui: 400 12.5px/1 var(--font-body);
  --type-h3: 600 clamp(17px, 1.5vw, 20px)/1.3 var(--font-body);

  /* mono — labels, meta, scores */
  --type-eyebrow: 700 11px/1 var(--font-mono);
  --type-eyebrow-tracking: 0.18em;
  --type-eyebrow-sm: 700 10px/1 var(--font-mono);
  --type-eyebrow-sm-tracking: 0.14em;
  --type-meta: 400 11px/1 var(--font-mono);
  --type-meta-tracking: 0.06em;
  --type-meta-sm: 400 10px/1.4 var(--font-mono);
  --type-meta-sm-tracking: 0.04em;
  --type-score: 700 13px/1 var(--font-mono);
  --type-formula: 400 clamp(13px, 1.15vw, 15px)/1.75 var(--font-mono);

  /* measure */
  --measure-prose: 720px;
  --measure-lede: 58ch;
  --measure-hero: 15ch;
  --measure-h2: 22ch;
}