/* Theme variables. JavaScript changes body class; CSS variables do the rest. */
html, body { height: 100%; margin: 0; }
body {
  --bg: #fbfaf7; --panel: #f1efe8; --panel-2: #fffdf8; --panel-active: #e6e3d9;
  --text: #2a2823; --dim: #827a6b; --faint: #c8c2b4; --line: #e5e0d5;
  --accent: #6f6757; --accent-2: #3f7d58; --bad: #a54848; --warn: #9a6a2f;
  --shadow: 0 18px 40px rgba(42,40,35,.10); --caret: var(--text);
  background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.theme-mid {
  --bg: #d8d2c3; --panel: #c9c1af; --panel-2: #e5dece; --panel-active: #bdb39e;
  --text: #25231f; --dim: #625a4d; --faint: #8d8372; --line: #bcb39f;
  --accent: #4f493d; --accent-2: #315f45; --bad: #883d3d; --warn: #75501e;
  --shadow: 0 18px 40px rgba(37,35,31,.14);
}
body.theme-dark {
  --bg: #1f1e1b; --panel: #282621; --panel-2: #24221e; --panel-active: #343127;
  --text: #eee8dc; --dim: #a9a08d; --faint: #5b554a; --line: #383429;
  --accent: #c8bda8; --accent-2: #7fc99b; --bad: #e08787; --warn: #d3a55f;
  --shadow: 0 18px 40px rgba(0,0,0,.28);
}