/* ============================================================
   Pegel — Typography tokens
   One humanist grotesque (Hanken Grotesk) carries the whole UI;
   hierarchy comes from weight + size. JetBrains Mono for
   timestamps and precise logged values. Tabular figures on all
   numbers so ml readouts don't jitter.
   ============================================================ */
:root {
  --font-sans: 'Hanken Grotesk', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-heavy: 800; /* @kind font */

  /* type scale (mobile-first, px) */
  --fs-hero: 76px;    /* the live ml readout */
  --fs-display: 44px;
  --fs-title: 28px;
  --fs-h1: 22px;
  --fs-h2: 19px;
  --fs-body: 16px;
  --fs-label: 14px;
  --fs-caption: 13px;
  --fs-micro: 11px;

  /* line heights */
  --lh-tight: 1.02; /* @kind font */
  --lh-snug: 1.18; /* @kind font */
  --lh-normal: 1.45; /* @kind font */
  --lh-relaxed: 1.6; /* @kind font */

  /* tracking */
  --tracking-tight: -0.02em; /* @kind font */
  --tracking-snug: -0.01em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
  --tracking-wide: 0.04em; /* @kind font */
  --tracking-caps: 0.12em; /* @kind font */

  --numeric: 'tnum' 1, 'lnum' 1; /* @kind font */
}