:root {
  color-scheme: light;
  --bg: #f6f3ed;
  --surface: #fffefa;
  --surface-strong: #ffffff;
  --text: #202124;
  --ink: #202124;
  --muted: #626a73;
  --line: #d9d4ca;
  --accent: #126c68;
  --accent-strong: #0a4f4b;
  --accent-soft: #d7ece9;
  --accent-contrast: #ffffff;
  --focus: #c45c31;
  --shadow: 0 18px 50px rgba(26, 31, 37, 0.12);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #17191c;
  --surface: #202327;
  --surface-strong: #282c31;
  --text: #f2f0ea;
  --ink: #f2f0ea;
  --muted: #b8b8b0;
  --line: #3a3f45;
  --accent: #71d6cd;
  --accent-strong: #9ce5de;
  --accent-soft: #173d3a;
  --accent-contrast: #ffffff;
  --focus: #f3a15f;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.34);
}