:root {
  /* ── Font families ── */
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', 'Courier New', monospace;

  /* ── Font weights ── */
  --fw-regular:   400; /* @kind other */
  --fw-medium:    500; /* @kind other */
  --fw-semibold:  600; /* @kind other */
  --fw-bold:      700; /* @kind other */

  /* ── Display — 28–36px, cover headlines, hero text ── */
  --type-display-family:  var(--font-sans);
  --type-display-size:    32px;
  --type-display-lh:      1.08;
  --type-display-ls:      -0.6px;
  --type-display-weight:  var(--fw-bold);
  --type-display-color:   var(--c-black);

  /* ── H1 — 22px, document titles, page headings ── */
  --type-h1-family:  var(--font-sans);
  --type-h1-size:    22px;
  --type-h1-lh:      1.2;
  --type-h1-ls:      -0.4px;
  --type-h1-weight:  var(--fw-semibold);
  --type-h1-color:   var(--c-black);

  /* ── H2 — 15px, section headings ── */
  --type-h2-family:  var(--font-sans);
  --type-h2-size:    15px;
  --type-h2-lh:      1.3;
  --type-h2-ls:      -0.1px;
  --type-h2-weight:  var(--fw-semibold);
  --type-h2-color:   var(--c-black);

  /* ── Body — 14px, body copy, descriptions ── */
  --type-body-family:  var(--font-sans);
  --type-body-size:    14px;
  --type-body-lh:      1.72;
  --type-body-ls:      0px;
  --type-body-weight:  var(--fw-regular);
  --type-body-color:   var(--c-ink);

  /* ── Overline — 10px, ALL CAPS, captions, metadata ── */
  --type-overline-family:  var(--font-sans);
  --type-overline-size:    10px;
  --type-overline-lh:      1.4;
  --type-overline-ls:      0.1em;
  --type-overline-weight:  var(--fw-medium);
  --type-overline-color:   var(--c-mid);

  /* ── Accent label — 12px, section openers, numbered labels ── */
  --type-accent-family:  var(--font-sans);
  --type-accent-size:    12px;
  --type-accent-lh:      1.4;
  --type-accent-ls:      0.04em;
  --type-accent-weight:  var(--fw-semibold);
  --type-accent-color:   var(--c-ember);

  /* ── Mono — 13px, amounts, reference codes, dates ── */
  --type-mono-family:   var(--font-mono);
  --type-mono-size:     13px;
  --type-mono-lh:       1.6;
  --type-mono-ls:       0.01em;
  --type-mono-weight:   var(--fw-regular);
  --type-mono-color:    var(--c-black);
}