/* ============================================================
   EpochCore · Typography
   ------------------------------------------------------------
   Two families do everything on the shipped product face:

     Newsreader   — every headline, card title, and body copy.
                    Weights 400/500/600/700/800 + italic (<em> is
                    always accent-violet italic).
     JetBrains Mono — every label, eyebrow, section key, stat,
                    price. Always tracked 0.5–1.6px, UPPERCASE
                    for labels.

   Space Grotesk + IBM Plex are SECONDARY — reserved for decks /
   the specimen-sheet marketing face only.
   ============================================================ */

:root {
  /* ── PRIMARY FAMILIES ───────────────────────────────────── */
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;   /* display + body */
  --font-mono:  "JetBrains Mono", ui-monospace, "SF Mono", monospace; /* labels */

  /* ── SECONDARY (decks / marketing specimen face only) ───── */
  --font-display-alt: "Space Grotesk", "Newsreader", system-ui, sans-serif;
  --font-sans-alt:    "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-mono-alt:    "IBM Plex Mono", ui-monospace, monospace;

  /* ── TYPE SCALE (fluid, Newsreader display) ─────────────── */
  --fs-display: clamp(40px, 6vw, 76px); /* @kind font */
  --fs-h1:      clamp(33px, 4.2vw, 58px); /* @kind font */
  --fs-h2:      clamp(26px, 3vw, 40px); /* @kind font */
  --fs-h3:      22px;
  --fs-lede:    18px;
  --fs-body:    17px;
  --fs-sm:      14px;
  --fs-label:   11px;

  /* ── WEIGHTS / TRACKING ─────────────────────────────────── */
  --w-display: 800; /* @kind other */
  --w-head:    700; /* @kind other */
  --w-body:    400; /* @kind other */
  --track-display: -1.6px;
  --track-h1:      -1px;
  --track-label:   1.2px;   /* mono uppercase labels */
  --track-eyebrow: 1.6px;
}