:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f8fb;
  --surface: #ffffff;
  --surface-soft: #eef6f4;
  --text: #111827;
  --muted: #667085;
  --border: #d9e1e7;
  --field-bg: #ffffff;
  --accent: #0f766e;
  --accent-strong: #0b5f59;
  --accent-soft: #d9f5ef;
  --danger: #b42318;
  --danger-soft: #fee4e2;
  --warning: #b54708;
  --warning-soft: #fff1d6;
  --focus-ring: rgba(15, 118, 110, 0.18);
  --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101418;
  --surface: #171d22;
  --surface-soft: #1d2b2c;
  --text: #eef2f6;
  --muted: #a7b0ba;
  --border: #2b3740;
  --field-bg: #11181e;
  --accent: #2dd4bf;
  --accent-strong: #5eead4;
  --accent-soft: #123532;
  --danger: #f97066;
  --danger-soft: #3b1716;
  --warning: #fdb022;
  --warning-soft: #3a2a12;
  --focus-ring: rgba(45, 212, 191, 0.2);
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
}