:root[data-theme="light"] {
  color-scheme: light;
  --page-bg: #a0a7b1;
  --surface: #bcc1c8;
  --surface-raised: #d4d8dd;
  --border: #6b7d94;
  --text: #151d28;
  --muted: #45505f;
  --accent: #0f766d;
  --accent-text: #fcfdfd;
  --flash-bg: #f0d7c1;
  --flash-border: #a76225;
  --flash-text: #672c0e;
  --focus: #0f766d;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page-bg: #363c45;
  --surface: #48505b;
  --surface-raised: #586474;
  --border: #6f829b;
  --text: #f5f7fa;
  --muted: #d6dbe1;
  --accent: #64d8cf;
  --accent-text: #0c312e;
  --flash-bg: #654529;
  --flash-border: #d08a4e;
  --flash-text: #fde9d9;
  --focus: #7de8df;
}