:root {
  --bg: #0a0a0a;
  --bg2: #111111;
  --bg3: #161616;
  --bg4: #1a1a1a;
  --border: #1e1e1e;
  --border2: #2a2a2a;
  --border3: #333333;
  --text: #eeeeee;
  --text2: #aaaaaa;
  --text3: #666666;
  --text4: #444444;
  --accent: #7c6aff;
  --accent2: #5a48dd;
  --gold: #f59e0b;
  --red: #ff4444;
  --green: #22c55e;
  --card-bg: #0a0a0a;
  --card-hover: #141414;
  --modal-bg: #111111;
  --input-bg: #111111;
  --zia-bg: #0f0f1a;
  --zia-border: #1a1a2e;
  --notice-bg: #0a0800;
  --notice-border: #2a1a04;
}

[data-theme="light"] {
  --bg: #f5f5f5;
  --bg2: #ffffff;
  --bg3: #f0f0f0;
  --bg4: #e8e8e8;
  --border: #e0e0e0;
  --border2: #cccccc;
  --border3: #bbbbbb;
  --text: #111111;
  --text2: #444444;
  --text3: #888888;
  --text4: #aaaaaa;
  --accent: #7c6aff;
  --accent2: #5a48dd;
  --gold: #d97706;
  --red: #ef4444;
  --green: #16a34a;
  --card-bg: #ffffff;
  --card-hover: #f8f8f8;
  --modal-bg: #ffffff;
  --input-bg: #f8f8f8;
  --zia-bg: #f0eeff;
  --zia-border: #d8d0ff;
  --notice-bg: #fff8e8;
  --notice-border: #f59e0b;
}

* { transition: background-color 0.2s, color 0.2s, border-color 0.2s; }