:root{
  --bg:#f6f4ef;
  --bg-elevated:#efeae0;
  --fg:#1c1a16;
  --fg-muted:#4a4438;
  --fg-subtle:#5a5346;
  --fg-faint:#8a8271;
  --fg-ghost:#b5ac99;
  --border:#e2ddd0;
  --accent:#8a3324;
  --accent-hover:#6f2a1c;
  --accent-fg:#f6f4ef;
  --overlay:rgba(28,26,22,0.5);
  --font-serif:'Zilla Slab',serif;
  --font-sans:'IBM Plex Sans',sans-serif;
}

:root[data-theme="dark"]{
  --bg:#131313;
  --bg-elevated:#1c1c1b;
  --fg:#efece5;
  --fg-muted:#b7b3a9;
  --fg-subtle:#928d81;
  --fg-faint:#726d62;
  --fg-ghost:#514d44;
  --border:#2a2a28;
  --accent:#c2793f;
  --accent-hover:#d69158;
  --accent-fg:#131313;
  --overlay:rgba(0,0,0,0.7);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --bg:#131313;
    --bg-elevated:#1c1c1b;
    --fg:#efece5;
    --fg-muted:#b7b3a9;
    --fg-subtle:#928d81;
    --fg-faint:#726d62;
    --fg-ghost:#514d44;
    --border:#2a2a28;
    --accent:#c2793f;
    --accent-hover:#d69158;
    --accent-fg:#131313;
    --overlay:rgba(0,0,0,0.7);
  }
}