:root {
  color-scheme: dark;
  --paper: #111714;
  --card: #151d1a;
  --surface: #151d1a;
  --ink: #f3f5f1;
  --muted: #abb5af;
  --line: #46524c;
  --line-soft: #2b3731;
  --signal: #ef735f;
  --accent: #8bb7f0;
  --accent-ink: #111714;

  --display: "Bodoni Moda", Georgia, serif;
  --body: "Public Sans", system-ui, sans-serif;
  --meta: "IBM Plex Sans Condensed", "Arial Narrow", sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  --wrap: 1280px;
  --copy: 65ch;
  --rule-inner: 1px solid var(--line-soft);
  --rule-board: 1px solid var(--line);
  --rule-signal: 2px solid var(--signal);
}