:root,
[data-theme="dark"] {
  color-scheme: dark;
  --background: #111a20;
  --surface: #19262d;
  --raised: #23343c;
  --text: #f4eee3;
  --muted: #bac4c7;
  --brand: #e1bd79;
  --on-brand: #201c14;
  --border: #7c8e96;
  --focus: #f4d995;
  --success: #95d9b0;
  --warning: #f2cc86;
  --error: #ffb5b0;
  --hover: #30444c;
  --overlay: rgb(3 9 14 / 76%);
  --brand-soft: rgb(225 189 121 / 12%);
}
[data-theme="light"],
[data-theme="parchment"] {
  color-scheme: light;
  --background: #f3efe6;
  --surface: #fcfaf6;
  --raised: #e9e3d7;
  --text: #252c2d;
  --muted: #555f60;
  --brand: #725222;
  --on-brand: #fffaf0;
  --border: #747c73;
  --focus: #725222;
  --success: #236141;
  --warning: #795215;
  --error: #a72f32;
  --hover: #e7e0d2;
  --brand-soft: rgb(114 82 34 / 8%);
}
html{background:var(--background);color:var(--text)}