/* Dark Mode Theme Variables */
:root {
  --bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #4facfe 75%, #00f2fe 100%);
  --bg-secondary: #ffffff;
  --text-primary: #333;
  --text-secondary: #666;
  --text-white: #ffffff;
  --nav-bg: rgba(30, 41, 59, 0.85);
  --card-bg: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.15);
  --border-color: rgba(102, 126, 234, 0.3);
  --overlay-opacity: 0.2;
}

/* Dashboard Dark Mode Styles */
[data-theme="dark"] .elevated-card,
[data-theme="dark"] .stat-card {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .lift:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,.4) !important;
}

[data-theme="dark"] .btn {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: var(--card) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--text) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background: var(--card) !important;
  border-color: var(--primary) !important;
}

[data-theme="dark"] .table {
  color: var(--text) !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .table-hover > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .modal-content {
  background: var(--card) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .alert {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .dropdown-menu {
  background: var(--card) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .dropdown-item {
  color: var(--text) !important;
}

[data-theme="dark"] .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] {
  --bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #1a1a2e 75%, #16213e 100%);
  --bg-secondary: #1e293b;
  --text-primary: #e2e8f0;
  --text-secondary: #cbd5e1;
  --text-white: #ffffff;
  --nav-bg: rgba(15, 23, 42, 0.95);
  --card-bg: #1e293b;
  --card-shadow: rgba(0, 0, 0, 0.5);
  --border-color: rgba(102, 126, 234, 0.5);
  --overlay-opacity: 0.4;
}

/* Theme Toggle Button */
.theme-toggle-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 20px;
  margin-left: 10px;
  backdrop-filter: blur(10px);
}

.theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  transform: scale(1.1) rotate(15deg);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .theme-toggle-btn {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

/* Apply theme variables to body */
body {
  background: var(--bg-primary);
  color: var(--text-primary);
  transition: background 0.3s ease, color 0.3s ease;
}

/* Navigation */
nav {
  background: var(--nav-bg) !important;
}

/* Cards */
.destination__card,
.contact-form-card,
.contact-info-card,
.find-us-section,
.showcase__container,
.banner__card {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 10px 40px var(--card-shadow) !important;
}

[data-theme="dark"] .destination__card h4,
[data-theme="dark"] .contact-form-card h2,
[data-theme="dark"] .contact-info-card h3,
[data-theme="dark"] .find-us-section h2,
[data-theme="dark"] .showcase__content h4 {
  color: var(--text-white) !important;
}

[data-theme="dark"] .destination__card p,
[data-theme="dark"] .contact-form-card p,
[data-theme="dark"] .section__description {
  color: var(--text-secondary) !important;
}

/* Enhanced readability for all description text */
/* Light mode - dark text on light backgrounds */
.destination__card__details p,
.paper-description,
.article-description,
.card-description {
  color: #2d3748 !important;
}

/* Dark mode - light text on dark backgrounds */
[data-theme="dark"] .destination__card__details p,
[data-theme="dark"] .paper-description,
[data-theme="dark"] .article-description,
[data-theme="dark"] .card-description {
  color: #e2e8f0 !important;
}

/* Headings - light mode */
.destination__card__details h4,
.paper-card-title,
.article-title {
  color: #1e3a8a !important;
}

/* Headings - dark mode */
[data-theme="dark"] .destination__card__details h4,
[data-theme="dark"] .paper-card-title,
[data-theme="dark"] .article-title {
  color: #e2e8f0 !important;
}

/* Meta information - light mode */
.paper-meta,
.article-meta,
.text-muted {
  color: #4a5568 !important;
}

/* Meta information - dark mode */
[data-theme="dark"] .paper-meta,
[data-theme="dark"] .article-meta,
[data-theme="dark"] .text-muted {
  color: #cbd5e1 !important;
}

/* Form inputs */
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea {
  background: #0f172a !important;
  border-color: rgba(102, 126, 234, 0.3) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus {
  background: #1e293b !important;
  border-color: #667eea !important;
}

/* Background overlay */
body::before {
  opacity: var(--overlay-opacity) !important;
}

/* Section headers */
.section__header {
  color: var(--text-white) !important;
}

.section__description {
  color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .section__description {
  color: var(--text-secondary) !important;
}

/* Footer */
footer {
  background: var(--nav-bg) !important;
}

[data-theme="dark"] footer h4,
[data-theme="dark"] footer p,
[data-theme="dark"] footer a {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Breadcrumb */
.breadcrumb-container {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .breadcrumb-current {
  background: rgba(102, 126, 234, 0.2) !important;
  color: var(--text-white) !important;
}

/* Hero section */
[data-theme="dark"] header#home::before {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 100%) !important;
}

/* Contact info items */
[data-theme="dark"] .contact-info-item {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-color: rgba(102, 126, 234, 0.3) !important;
}

[data-theme="dark"] .contact-info-item:hover {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
}

/* Privacy notice */
[data-theme="dark"] .privacy-notice {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
  border-color: rgba(102, 126, 234, 0.3) !important;
  color: var(--text-secondary) !important;
}

/* Search bar */
[data-theme="dark"] .nav__search {
  background: rgba(30, 41, 59, 0.95) !important;
  border-color: rgba(102, 126, 234, 0.3) !important;
}

[data-theme="dark"] .search__input {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .search__input::placeholder {
  color: #64748b !important;
}