: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;
  --accent-soft: #e1f5ee;
  --warn: #a84c0d;
  --warn-soft: #fdf0e3;
  --danger-soft: #fbe9e7;
  --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;
    --accent-soft: #163a30;
    --warn: #e8925a;
    --warn-soft: #3a2a1e;
    --danger-soft: #3b2420;
  }
}