:root {
  color-scheme: light;
  --page: #f9f6f0;
  --surface: #fffdf9;
  --text: #1c1726;
  --muted: #696173;
  --accent: #5f4b8b;
  --button-text: #fffdf9;
  --border: #d9d2e2;
  --input-border: #93869f;
  --placeholder: #ede7f1;
  --sage: #87a987;
  --focus: #5f4b8b;
  --danger: #a12e42;
  --danger-bg: #fcebef;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #1c1726;
  --surface: #2b2436;
  --text: #f9f6f0;
  --muted: #beb4cd;
  --accent: #c4afe8;
  --button-text: #1c1726;
  --border: #51455f;
  --input-border: #8b7eac;
  --placeholder: #352d43;
  --focus: #87a987;
  --danger: #ffb0bc;
  --danger-bg: #472633;
}