/* One monospace family does every job, hierarchy coming from weight, case, tone and tracking
   rather than a second face. The box-drawing glyphs the panels and diagrams are drawn with are
   part of the type layer, so every fallback in the stack has to be monospace at the same cell
   width or a frame stops meeting its corners. */
:root {
  --font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", "SF Mono",
               "IBM Plex Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --font-body: var(--font-mono);

  --text-xs:  0.78rem;
  --text-sm:  0.875rem;
  --text-md:  1rem;
  --text-lg:  1.15rem;
  --text-xl:  1.4rem;
  --text-2xl: clamp(1.6rem, 1.2rem + 1.6vw, 1.95rem);
  --text-3xl: clamp(2.1rem, 1.4rem + 2.8vw, 2.6rem);

  --lh-tight: 1.2;
  --lh-cell:  1.45;
  --lh-code:  1.5;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-bold:    700;

  --tracking-label: 0.14em;
  --tracking-wide:  0.04em;

  --ch: 1ch;
}