/* Light theme (default) */
:root {
  --bg-primary: #fff;
  --bg-secondary: #fafafa;
  --bg-active: #eff6ff;
  --text-primary: #1a1a1a;
  --text-secondary: #374151;
  --text-muted: #9ca3af;
  --border-color: #e5e7eb;
  --border-input: #d1d5db;
  --placeholder-bg: transparent;
  --danger-bg: #fee2e2;
  --danger-hover: #fecaca;
  --danger-text: #dc2626;
  --cancel-bg: #f3f4f6;
  --cancel-border: #d1d5db;
  --cancel-text: #6b7280;
  --cancel-hover: #e5e7eb;
}

/* Dark theme */
.dark {
  --bg-primary: #0f0f0f;
  --bg-secondary: #1a1a1a;
  --bg-active: #1e293b;
  --text-primary: #e5e5e5;
  --text-secondary: #a3a3a3;
  --text-muted: #737373;
  --border-color: #333;
  --border-input: #404040;
  --placeholder-bg: #141414;
  --danger-bg: #2d1b1e;
  --danger-hover: #3d2528;
  --danger-text: #f87171;
  --cancel-bg: #262626;
  --cancel-border: #404040;
  --cancel-text: #a3a3a3;
  --cancel-hover: #333;
}