:root {
  --bg: #f4f4f9;
  --text: #333;
  --card-bg: white;
  --card-border: #ccc;
  --button-bg: #4a6cf7;
  --button-bg-hover: #3a56c7;
  --text-on-primary: #fff;
  --error-bg: #ffe5e5;
  --error-text: #a10000;
  --danger-bg: #c62828;
  --danger-text: #fff;
  --text-muted: #888;
  --input-bg: white;
}

body[data-theme="dark"] {
  --bg: #1e1e1e;
  --text: #e0e0e0;
  --card-bg: #2a2a2a;
  --card-border: #444;
  --button-bg: #6a8cff;
  --button-bg-hover: #5270d6;
  --text-on-primary: #f8f8f8;
  --error-bg: #4a1a1a;
  --error-text: #ffb3b3;
  --danger-bg: #8b1f1f;
  --danger-text: #fff;
  --text-muted: #aaa;
  --input-bg: #2a2a2a;
}