/* Tourism Pro - Dark Mode */
[data-theme="dark"] {
  --white: #1a1a2e;
  --dark: #f0f0f0;
  --light: #16213e;
  --gray-50: #1e1e3a;
  --gray-100: #252550;
  --gray-200: #2d2d5e;
  --gray-300: #3d3d6e;
  --gray-400: #6e6e9e;
  --gray-500: #9e9eae;
  --gray-600: #b0b0c0;
  --gray-700: #c0c0d0;
  --gray-800: #d0d0e0;
  --gray-900: #e8e8f0;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.2);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] body { background: #0f0f23; color: var(--gray-800); }
[data-theme="dark"] .site-header { background: #16213e; border-bottom: 1px solid var(--gray-200); }
[data-theme="dark"] .card { background: #16213e; }
[data-theme="dark"] .form-control { background: #1e1e3a; border-color: var(--gray-300); color: var(--gray-800); }
[data-theme="dark"] .form-control:focus { background: #1e1e3a; }
[data-theme="dark"] .booking-widget { background: #16213e; }
[data-theme="dark"] .filter-panel { background: #16213e; }
[data-theme="dark"] .review-response { background: #1e1e3a; }
[data-theme="dark"] .search-overlay-content { background: #16213e; }
[data-theme="dark"] .chat-panel { background: #16213e; }
[data-theme="dark"] .chat-message.bot .chat-bubble { background: #1e1e3a; color: var(--gray-800); }
[data-theme="dark"] .site-footer { background: #0a0a1a; }
[data-theme="dark"] .mobile-nav { background: #16213e; }
[data-theme="dark"] .main-nav .sub-menu { background: #16213e; }
[data-theme="dark"] .lang-dropdown { background: #16213e; }
[data-theme="dark"] .btn-ghost:hover { background: var(--gray-200); }
[data-theme="dark"] .filter-tag { border-color: var(--gray-300); color: var(--gray-600); }
[data-theme="dark"] img { opacity: 0.9; }

/* Dark mode toggle button */
.dark-mode-toggle { width: 40px; height: 40px; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all var(--transition-fast); color: var(--gray-600); }
.dark-mode-toggle:hover { background: var(--gray-100); }
[data-theme="dark"] .dark-mode-toggle .icon-sun { display: inline; }
[data-theme="dark"] .dark-mode-toggle .icon-moon { display: none; }
.dark-mode-toggle .icon-sun { display: none; }
.dark-mode-toggle .icon-moon { display: inline; }