/* Misprint's look ("Off Register", DESIGN.md): near-black, one fluorescent pink, Erode for the big lines, General Sans
   for everything else, and DM Mono only where characters must line up (addresses). Pink means "off register": a
   lookalike's middle, a flag, a listed scam. A solid pink block is the one main action on a screen. There is no
   second accent, so the warning colour is the same pink and look.css tells them apart by form.
   A clone swaps this file, look.css, copy.js, hero.js and the brand art; site.css stays. */
:root {
  --bg: #08080a;
  --surf: #121216;
  --surf-2: #0d0d10;
  --line: #26262c;
  --line-2: #34343c;
  --ink: #f4f4f6;
  --mute: #8e8e98;
  --faint: #5e5e68;
  /* the one accent: what's off register, and the main action */
  --acc: #ff3ea5;
  --acc-dim: rgba(255, 62, 165, 0.12);
  --on-acc: #08080a;
  --warn: #ff3ea5;
  --warn-dim: rgba(255, 62, 165, 0.12);

  --disp: 'Erode', Georgia, serif;
  --text: 'General Sans', system-ui, sans-serif;
  --mono: 'DM Mono', ui-monospace, monospace;
  --disp-weight: 500;
  --disp-track: -0.025em;

  /* how far the pink plate slips, as a share of the type size */
  --slip-x: -0.018em;
  --slip-y: 0.06em;

  --r-sm: 10px;
  --r: 12px;
  --r-lg: 16px;
}