:root {
  color-scheme: light dark;
  --color-canvas: #f7f4ed;
  --color-surface: #fffefa;
  --color-text: #252820;
  --color-muted: #64675f;
  --color-accent: #526d56;
  --color-border: #d9d8cf;
  --color-danger: #a33232;
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --radius-card: 1rem;
  --content-width: 42rem;
}
@media (prefers-color-scheme: dark) {
  :root { --color-canvas: #1b1e1a; --color-surface: #272b26; --color-text: #f1f0e9; --color-muted: #b8baaf; --color-accent: #a9c6a8; --color-border: #454a43; --color-danger: #ffaaa4; }
}