:root {
  --bg: #fbf1e3; --card: #fffaf2; --ink: #4a3328; --soft: #8a6d5b;
  --accent: #c8643c; --accent2: #e9b872; --line: #ecd9c0;
  --shadow: 0 6px 18px rgba(120, 70, 40, .15);
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #2a1f1a; --card: #3a2b24; --ink: #f6e7d3; --soft: #c4a58c;
    --accent: #e08a5c; --accent2: #c99a55; --line: #52403a;
    --shadow: 0 6px 18px rgba(0, 0, 0, .4);
  }
}
:root[data-theme="dark"] {
  --bg: #2a1f1a; --card: #3a2b24; --ink: #f6e7d3; --soft: #c4a58c;
  --accent: #e08a5c; --accent2: #c99a55; --line: #52403a;
  --shadow: 0 6px 18px rgba(0, 0, 0, .4);
}