/* RedSeed — Typography tokens.
   Two families, no substitutes: Newsreader (serif) for display & headings,
   Inter (sans) for body, labels and UI. Scale transcribed from the book's
   "Type styles & scale" page (px = screen). Body never below 16px. */
:root{
  --rs-font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --rs-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* The "RedSeed" wordmark is FIXED ARTWORK (Stack Sans Headline) and is never
     re-set in a font — the Logo component renders a supplied wordmark SVG.
     No wordmark font token: typesetting the wordmark is forbidden by the book. */

  /* ── Weights ── */
  --rs-weight-regular:400;
  --rs-weight-medium:500;
  --rs-weight-semibold:600;
  --rs-weight-bold:700;
  --rs-weight-black:900;

  /* ── Type scale (font-size / line-height / tracking) ── */
  /* Eyebrow — Inter Bold, caps, +4% tracking */
  --rs-eyebrow-size:15px;
  --rs-eyebrow-lh:1.3; /* @kind other */
  --rs-eyebrow-tracking:0.04em; /* @kind other */
  /* H1 — Newsreader SemiBold 64/48pt, LH 110% */
  --rs-h1-size:64px;
  --rs-h1-lh:1.1; /* @kind other */
  --rs-h1-tracking:0; /* @kind other */
  /* H2 — Inter Black 40/30pt, LH 115%, LS -1% */
  --rs-h2-size:40px;
  --rs-h2-lh:1.15; /* @kind other */
  --rs-h2-tracking:-0.01em; /* @kind other */
  /* H3 — Inter Bold 28/21pt, LH 120% */
  --rs-h3-size:28px;
  --rs-h3-lh:1.2; /* @kind other */
  /* H4 — Inter SemiBold 20/15pt, LH 130% */
  --rs-h4-size:20px;
  --rs-h4-lh:1.3; /* @kind other */
  /* H5 — Inter SemiBold 16/12pt, LH 140% */
  --rs-h5-size:16px;
  --rs-h5-lh:1.4; /* @kind other */
  /* Body — Inter Regular, LH 150% (18px web recommended, 16px minimum) */
  --rs-body-size:18px;
  --rs-body-lh:1.5; /* @kind other */
  /* Caption & notes — Inter Regular 14px, LH 140% (never smaller) */
  --rs-caption-size:14px;
  --rs-caption-lh:1.4; /* @kind other */
  /* Big Number — oversized Newsreader statistic device */
  --rs-bignumber-lh:1; /* @kind other */
}

/* Utility type classes — optional helpers that bake the scale in. */
.rs-eyebrow{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-bold);font-size:var(--rs-eyebrow-size);line-height:var(--rs-eyebrow-lh);letter-spacing:var(--rs-eyebrow-tracking);text-transform:uppercase;color:var(--rs-eyebrow)}
.rs-h1{font-family:var(--rs-font-display);font-weight:var(--rs-weight-semibold);font-size:var(--rs-h1-size);line-height:var(--rs-h1-lh);color:var(--rs-text)}
.rs-h2{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-black);font-size:var(--rs-h2-size);line-height:var(--rs-h2-lh);letter-spacing:var(--rs-h2-tracking);color:var(--rs-text)}
.rs-h3{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-bold);font-size:var(--rs-h3-size);line-height:var(--rs-h3-lh);color:var(--rs-text)}
.rs-h4{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-semibold);font-size:var(--rs-h4-size);line-height:var(--rs-h4-lh);color:var(--rs-text)}
.rs-h5{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-semibold);font-size:var(--rs-h5-size);line-height:var(--rs-h5-lh);color:var(--rs-text)}
.rs-body{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-regular);font-size:var(--rs-body-size);line-height:var(--rs-body-lh);color:var(--rs-text)}
.rs-caption{font-family:var(--rs-font-sans);font-weight:var(--rs-weight-regular);font-size:var(--rs-caption-size);line-height:var(--rs-caption-lh);color:var(--rs-text-muted)}
