/* ============================================================
   UNCOMPANY · TYPOGRAPHY
   Two families. Archivo for everything spoken; IBM Plex Mono
   for everything annotated (the drawing voice).
   Display tracks tight; body tracks normal; mono tracks wide.
   ============================================================ */

:root {
  /* --- Families --- */
  --un-font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --un-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Semantic family aliases */
  --un-font-display: var(--un-font-sans);
  --un-font-body: var(--un-font-sans);
  --un-font-label: var(--un-font-mono);

  /* --- Weights --- */
  --un-weight-regular: 400;
  --un-weight-medium: 500;
  --un-weight-semibold: 600;
  --un-weight-bold: 700;
  --un-weight-extrabold: 800;

  /* --- Type scale (px) --- */
  --un-size-display: 76px;   /* DISPLAY · 800 · −0.045em */
  --un-size-h1: 54px;
  --un-size-h2: 38px;        /* H2 · 700 · −0.03em */
  --un-size-h3: 27px;
  --un-size-subhead: 21px;   /* SUBHEAD · 500 */
  --un-size-body-lg: 18px;
  --un-size-body: 16px;      /* BODY · 400 · 1.65 */
  --un-size-small: 14px;
  --un-size-label: 12px;     /* LABEL · MONO · 0.2em */
  --un-size-micro: 10.5px;

  /* --- Line heights --- */
  --un-leading-tight: 1.04;
  --un-leading-snug: 1.18;
  --un-leading-normal: 1.45;
  --un-leading-body: 1.65;

  /* --- Tracking --- */
  --un-track-display: -0.045em;
  --un-track-head: -0.03em;
  --un-track-tight: -0.015em;
  --un-track-normal: 0; /* @kind other */
  --un-track-label: 0.2em;     /* mono uppercase tags */
  --un-track-wide: 0.08em;
}