:root {
  color-scheme: light dark;

  --bg: #fbfaf5;
  --fg: #1d1d1f;
  --muted: #5f5f66;
  --accent: #7a3e9d;
  --rule: #d8d4c8;

  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #16161a;
    --fg: #ecebe6;
    --muted: #9a9aa6;
    --accent: #c49be0;
    --rule: #33333b;
  }
}