/* ============================================================
   KullGames — Typography tokens
   Three voices: pixel (brand), sans (UI/body), mono (data).
   Type scale is modest and a touch condensed — Space Grotesk
   reads "engineered", Silkscreen carries the voxel personality.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-pixel: 'Silkscreen', monospace;                 /* brand / display */
  --font-sans:  'Space Grotesk', system-ui, sans-serif;  /* UI + body */
  --font-mono:  'Space Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;

  /* convenience aliases */
  --font-display: var(--font-pixel);
  --font-body:    var(--font-sans);

  /* ---- Weights ---- */
  --fw-regular: 400;   /* @kind font */
  --fw-medium:  500;   /* @kind font */
  --fw-semibold:600;   /* @kind font */
  --fw-bold:    700;   /* @kind font */

  /* ---- Type scale (px) ---- */
  --fs-pixel-hero: clamp(46px, 9vw, 104px);  /* @kind font */
  --fs-display:    clamp(28px, 4vw, 44px);   /* @kind font */
  --fs-h1: 34px;
  --fs-h2: 26px;
  --fs-h3: 21px;
  --fs-h4: 18px;
  --fs-lead: 18px;     /* intro paragraph */
  --fs-body: 15px;     /* default body */
  --fs-sm: 13px;       /* secondary / meta */
  --fs-xs: 12px;       /* fine print */
  --fs-pixel-label: 10px;   /* eyebrows / pixel kickers */

  /* ---- Line heights ---- */
  --lh-tight: 1.05;    /* @kind font */
  --lh-snug:  1.25;    /* @kind font */
  --lh-body:  1.55;    /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-pixel: .04em;       /* pixel buttons / labels */
  --ls-eyebrow: .16em;     /* uppercase pixel eyebrows */
  --ls-head: -.01em;       /* tighten large sans headings */
}