/* ============================================================
   Cocoa — typography tokens
   Two pixel fonts, bold-by-default, no anti-aliased curves.
   Sizes are a specimen of what the apps actually use, not an
   idealised scale — the giant steps (48/64/84) exist for the
   7-segment displays and nothing else.
   ============================================================ */

:root {
  /* ---- Families ---- */
  /* Everything UI. DotGothic16 auto-covers Korean/CJK glyphs. */
  --font-ui: "Pixelify Sans", "DotGothic16", Consolas, "Courier New", monospace;
  /* Digital displays + numerals — Latin pixel font first, no CJK
     fallback so digits stay perfectly monospaced. */
  --font-digital: "Pixelify Sans", Consolas, "Cascadia Mono", monospace;

  /* ---- Weights (Pixelify Sans ships 400-700) ---- */
  --weight-regular: 400;
  --weight-bold: 700;   /* the brand default — most text is bold */

  /* ---- Size scale ---- */
  --text-2xs: 11px;  /* lang toggle, fine hints            */
  --text-xs: 12px;   /* field labels, format meta          */
  --text-sm: 13px;   /* card meta, combo items, bubble text */
  --text-base: 14px; /* body, list-item titles             */
  --text-md: 16px;   /* section titles, window title        */
  --text-lg: 20px;   /* transport button labels             */
  --text-xl: 32px;   /* timer centiseconds                  */
  --text-2xl: 48px;  /* medium digital readout              */
  --text-3xl: 64px;  /* timer colon                         */
  --text-4xl: 84px;  /* primary timer digits                */

  /* ---- Line heights ---- */
  --leading-solid: 1;     /* digital displays — no gaps      */
  --leading-tight: 1.15;  /* headings                        */
  --leading-body: 1.4;    /* wrapped body + speech bubbles   */

  /* ---- Letter spacing ----
     Pixel fonts read best with a hair of tracking on caps/labels. */
  --tracking-normal: 0;
  --tracking-label: 0.02em;
  --tracking-caps: 0.08em;
}