/* The oddly's tokens, copied from the site's src/styles/tokens.css so the app
   and the site look like one thing. Change a value in both places. */
:root {
  color-scheme: light dark;

  --paper: #ffffff;
  --ink: #111111;
  --paper-dark: #111111;
  --ink-dark: #f4f4f2;

  --bg: var(--paper);
  --fg: var(--ink);

  --display: Georgia, 'Times New Roman', serif;
  --body: Georgia, 'Times New Roman', serif;
  --meta: ui-monospace, 'Courier New', monospace;

  --gutter: max(7vw, env(safe-area-inset-left), env(safe-area-inset-right));
  --measure: 34rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: var(--paper-dark);
    --fg: var(--ink-dark);
  }
}