/* The only place colors and font stacks are defined. */
:root {
  --bg: #14181c;
  --bg-edge: #101316;
  --ink: #f2efe9;
  --ink-soft: #9ca3a8;
  --accent: #b8895b;
  --line: #2a2f34;

  /* Mask images only use alpha, so this is the "fully visible" stop. */
  --mask-solid: #000;

  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
}

@media print {
  :root {
    --bg: #fff;
    --bg-edge: #fff;
    --ink: #000;
    --ink-soft: #333;
    --accent: #000;
    --line: #999;
  }
}