/* Loophole Labs — typography tokens
   Everything is Commit Mono. The brand is one monospace family used at
   different weights/sizes — no second typeface. */

:root {
  --font-mono: 'Commit Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  /* Nerd Font build for glyph/icon characters (terminal art,  symbols) */
  --font-mono-nerd: 'CommitMono Nerd Font Propo', 'Commit Mono', ui-monospace, monospace;
  /* No display/body split: the mono IS the display face and the body face. */
  --font-display: var(--font-mono);
  --font-body: var(--font-mono);

  /* Weights as used in the Figma file (300 dominates) */
  --weight-light: 300;     /* default body / labels (most common) */
  --weight-regular: 400;
  --weight-medium: 500;    /* logo construction weight, emphasis */
  --weight-semibold: 600;  /* large display headlines */
  --weight-bold: 700;      /* rare, very large numerals */

  /* Type scale (slides are 1920×1080; web scales down proportionally) */
  --text-xs: 12px;          /* footnotes, spec annotations */
  --text-sm: 14px;          /* dense captions */
  --text-base: 16px;        /* body, diagram labels */
  --text-md: 18px;          /* swatch labels, lists */
  --text-lg: 24px;          /* slide headers, section titles */
  --text-xl: 32px;          /* sub-headlines, ASCII texture */
  --text-2xl: 35px;         /* standfirst */
  --text-3xl: 48px;         /* display */
  --text-4xl: 66px;         /* hero display */
  --text-5xl: 96px;         /* oversized numerals */

  --leading-none: 1;        /* dividers, ASCII art */
  --leading-tight: 1.1;     /* display */
  --leading-snug: 1.33;     /* headers (32px on 24px) */
  --leading-normal: 1.5;    /* body, labels (24px on 16px) */
  --leading-loose: 1.66;    /* swatch lists (30px on 18px) */
}