:root {
  color-scheme: light dark;
  --paper: #fbf8f3;
  --card: #ffffff;
  --ink: #16130f;
  --muted: #5f5a52;
  --line: #ece6dc;
  --accent: #0f6e56;
  --accent-ink: #ffffff;
  --danger: #b3261e;
  --solid: #16130f;
  --on-solid: #fbf8f3;
  --on-solid-soft: #cfc8bd;
  --focus: #0f6e56;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #12100d;
    --card: #1e1b17;
    --ink: #f3eee6;
    --muted: #bdb6ab;
    --line: #36312a;
    --accent: #4cc9a0;
    --accent-ink: #0d1412;
    --danger: #f2b8b5;
    --solid: #f3eee6;
    --on-solid: #16130f;
    --on-solid-soft: #5f5a52;
    --focus: #4cc9a0;
  }
}