/* BORROWED SIGNALS — typography · SYSTEM EDITION (light)
   Engineered-science voice. The street-art faces (Bebas Neue stencil +
   Permanent Marker) and the Caveat pencil-annotation are retired. The whole
   system now speaks in IBM Plex — a family drawn for an engineering/science
   company — and the single "human mark" that used to be handwriting is now a
   BITMAP / dot-matrix readout (Silkscreen): the machine's own annotation,
   not a person's. Pixel type is an ACCENT only — small labels, stamps, HUD
   readouts, and the one correction-red annotation per sheet.

   --font-stencil is a technical CONDENSED face (close in width to the old
   Bebas, so canvas headline layouts that size to it don't overflow).
   --font-tag is repurposed to the pixel face, so every existing annotation
   usage flips to dot-matrix with no per-file edits. */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Sans+Condensed:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap');

:root {
  --font-stencil: 'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;
  --font-sans:    'IBM Plex Sans', system-ui, sans-serif;
  --font-pixel:   'Silkscreen', 'IBM Plex Mono', ui-monospace, monospace;
  /* legacy name kept so existing annotation usages auto-convert to pixel */
  --font-tag:     var(--font-pixel);
}

.stencil {
  font-family: var(--font-stencil);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* annotation / machine-readout accent — pixel face.
   Silkscreen is a bitmap font: keep it small and give it air. */
.tag,
.pixel {
  font-family: var(--font-pixel);
  letter-spacing: 0.02em;
  text-transform: lowercase;
}

.mono {
  font-family: var(--font-mono);
}