/* Follow the browser preference, including changes while the page is open. */
:root {
  color-scheme: light dark;
  --paper: #f8f4e8;
  --ink: #1d3554;
  --blue: #2467bd;
  --blue-dark: #123d78;
  --gold: #e1b06a;
  --muted: #43526a;
  --footer-ink: #61738a;
  --line: #274d771b;
  --surface: #ffffffa8;
  --bubble: #ffffff;
  --bubble-line: #205b9b28;
  --glow-warm: #f5eacb99;
  --glow-cool: #cee4ed66;
  --art-glow: #d8eaf2;
  --art-glow-edge: #e2eaf0aa;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #101a29;
    --ink: #e9eef5;
    --blue: #89bcff;
    --blue-dark: #b7d4fa;
    --gold: #e8bd7e;
    --muted: #c1cddd;
    --footer-ink: #a8b9cf;
    --line: #8caed13d;
    --surface: #20334dd9;
    --bubble: #243b57;
    --bubble-line: #8fb6df66;
    --glow-warm: #31405240;
    --glow-cool: #1b426a50;
    --art-glow: #204970;
    --art-glow-edge: #172e46aa;
  }
}