/* ═══════════════════════════════════════════════════════════════
   mbanc.ai — Typography tokens
   Montserrat for UI; JetBrains Mono for data, labels & telemetry.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Families ─────────────────────────────────────────────── */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;

  /* ── Weights ──────────────────────────────────────────────── */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-black:    800; /* @kind other */

  /* ── Type scale (UI, 14px base) ───────────────────────────── */
  --fs-micro:   9px;    /* footer / kbd glyphs            */
  --fs-mono-xs: 11px;   /* mono labels, telemetry tags    */
  --fs-xs:      12px;
  --fs-sm:      13px;
  --fs-base:    14px;   /* body                           */
  --fs-md:      16px;
  --fs-lg:      20px;
  --fs-xl:      24px;   /* node / card titles             */
  --fs-2xl:     28px;   /* core data values               */
  --fs-display: 1.44rem;/* app title in header (~23px)    */

  /* ── Tracking ─────────────────────────────────────────────── */
  --ls-tight:   -0.3px; /* @kind other */
  --ls-normal:   0;     /* @kind other */
  --ls-label:   0.08em; /* @kind other */
  --ls-eyebrow: 0.22em; /* @kind other */
  --ls-caps:    0.5px;  /* @kind other */

  /* ── Line heights ─────────────────────────────────────────── */
  --lh-tight:  1.15; /* @kind other */
  --lh-snug:   1.3;  /* @kind other */
  --lh-body:   1.5;  /* @kind other */

  /* ── Semantic roles ───────────────────────────────────────── */
  --text-eyebrow-font:  var(--font-mono);
  --text-data-font:     var(--font-mono);
  --text-ui-font:       var(--font-sans);
}
