:root {
  --bg-color: #1e1e2f;
  --text-color: #e5e5e5;
  --header-bg: rgba(34, 38, 54, 0.95);
  --footer-bg: rgba(34, 38, 54, 0.95);
  --dropdown-bg: #2a2f45;
  --accent-color: #ff703d;
  --font-family: 'Inter', sans-serif;
  --bg-image: none;
  --border-radius: 6px;
  --link-color: #ff703d;
  --transition-speed: 0.3s;
  --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  --footer-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4);
  --card-bg: rgba(255, 255, 255, 0.05);
  --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  --border-color: rgba(255, 255, 255, 0.15);
  --modal-overlay: rgba(0, 0, 0, 0.8);
}

[data-theme="light"] {
  --bg-color: #e9ecef;
  --text-color: #222222;
  --header-bg: rgba(245, 245, 245, 0.95);
  --footer-bg: rgba(245, 245, 245, 0.95);
  --dropdown-bg: #f7f7f7;
  --accent-color: #ff703d;
  --font-family: 'Inter', sans-serif;
  --bg-image: none;
  --border-radius: 6px;
  --link-color: #d4502d;
  --transition-speed: 0.3s;
  --header-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --footer-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  --card-bg: #ffffff;
  --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  --border-color: #d0d0d0;
  --modal-overlay: rgba(0, 0, 0, 0.6);
}