:root {
  color-scheme: light dark;
  --bg: #f4f1ea;
  --fg: #2a2622;
  --muted: #6e6255;
  --accent: #b36b35;
  --accent-soft: rgba(179, 107, 53, 0.18);
  --border: rgba(42, 38, 34, 0.18);
  --surface: #fffdf8;
  --surface-solid: #ffffff;
}

:root[data-theme="dark"] {
  --bg: #1e1b18;
  --fg: #f3ede6;
  --muted: #a3978d;
  --accent: #f2a35c;
  --accent-soft: rgba(242, 163, 92, 0.2);
  --border: rgba(243, 237, 230, 0.18);
  --surface: #26221f;
  --surface-solid: #2d2824;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1e1b18;
    --fg: #f3ede6;
    --muted: #a3978d;
    --accent: #f2a35c;
    --accent-soft: rgba(242, 163, 92, 0.2);
    --border: rgba(243, 237, 230, 0.18);
    --surface: #26221f;
    --surface-solid: #2d2824;
  }
}