:root {
  --bg: #ffffff;
  --text: #111111;
  --note: #555555;
  --muted: #888888;
  --border: #dddddd;
  --th-bg: #f6f6f6;
  --warn-bg: #fff8e6;
  --warn-text: inherit;
  --btn-bg: #f0f0f2;
  --btn-border: #cccccc;
  --btn-hover: #e4e4e8;
  --accent: #3b6ea5;
  --danger: #b33a3a;
  --radius: 10px;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1a1a1c;
  --text: #e8e8ea;
  --note: #a8a8b0;
  --muted: #8a8a94;
  --border: #3a3a42;
  --th-bg: #2a2a30;
  --warn-bg: #2e2818;
  --warn-text: #e8e0c8;
  --btn-bg: #2e2e34;
  --btn-border: #505058;
  --btn-hover: #3a3a44;
  --accent: #7eb8ff;
  --danger: #ff8a8a;
  --shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}