:root {
  color-scheme: dark;
  --bg: #07110f;
  --surface: #0b1815;
  --surface-raised: #10211d;
  --surface-soft: #122721;
  --text: #d6e9e3;
  --heading: #f3fff8;
  --muted: #87a49b;
  --line: #24443b;
  --line-strong: #376f60;
  --accent: #7dffbc;
  --accent-strong: #22d980;
  --accent-contrast: #032017;
  --accent-soft: rgba(125, 255, 188, 0.1);
  --warn: #ffc866;
  --danger: #ff8f8f;
  --code-bg: #06100e;
  --code-text: #c8f8db;
  --code-inline: #94f4be;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.22);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f2e9;
  --surface: #fffdf7;
  --surface-raised: #ffffff;
  --surface-soft: #eef7f0;
  --text: #263b35;
  --heading: #102a22;
  --muted: #61766f;
  --line: #cddbd3;
  --line-strong: #9fbaa9;
  --accent: #087b4c;
  --accent-strong: #0b945c;
  --accent-contrast: #032017;
  --accent-soft: rgba(11, 148, 92, 0.1);
  --warn: #9b6300;
  --danger: #b43d3d;
  --code-bg: #10221d;
  --code-text: #c8f8db;
  --code-inline: #087b4c;
  --shadow: 0 20px 50px rgba(39, 74, 61, 0.1);
}