/* Dark mode overrides, activated by html[data-theme="dark"] */
html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .login-card,
html[data-theme="dark"] .legal-card,
html[data-theme="dark"] .home-menu {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .table {
  color: #e2e8f0 !important;
  --bs-table-bg: transparent;
  --bs-table-color: #e2e8f0;
  border-color: #334155 !important;
}
html[data-theme="dark"] .table thead th {
  color: #94a3b8 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
  border-color: #334155 !important;
}
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .input-group-text {
  background: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .form-control::placeholder {
  color: #64748b !important;
}
html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 .2rem rgba(99,102,241,.25) !important;
}
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .text-secondary {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .text-dark {
  color: #e2e8f0 !important;
}
html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .alert-info {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .nav-tabs .nav-link {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .nav-tabs .nav-link.active {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border-color: #334155 #334155 #1e293b !important;
}
html[data-theme="dark"] .nav-tabs {
  border-color: #334155 !important;
}
html[data-theme="dark"] .list-group-item-action:hover {
  background: #334155 !important;
}
html[data-theme="dark"] .btn-close {
  filter: invert(0.85);
}
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-footer {
  border-color: #334155 !important;
}
html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom {
  border-color: #334155 !important;
}
html[data-theme="dark"] .bg-white {
  background: #1e293b !important;
}
html[data-theme="dark"] .bg-light {
  background: #0f172a !important;
}
html[data-theme="dark"] .hero-banner,
html[data-theme="dark"] .hero-panel {
  background: linear-gradient(135deg, #312e81, #4c1d95) !important;
}
html[data-theme="dark"] .login-panel {
  background: #0f172a !important;
}
html[data-theme="dark"] .login-title {
  color: #f8fafc !important;
}
html[data-theme="dark"] .login-subtitle {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .login-card .btn-google {
  color: #374151 !important;
}
html[data-theme="dark"] .login-card .btn-google:hover {
  color: #312e81 !important;
}
html[data-theme="dark"] .login-footer {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .login-footer a {
  color: #c4b5fd !important;
}
html[data-theme="dark"] .section-title {
  color: #f8fafc !important;
}
html[data-theme="dark"] .trip-card-title-link {
  color: #fff !important;
}
html[data-theme="dark"] .trip-sort-label {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .trip-sort-select {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  border-color: #475569 !important;
}
html[data-theme="dark"] .card-title,
html[data-theme="dark"] .card-title-sm {
  color: #e2e8f0 !important;
}
html[data-theme="dark"] .navbar {
  background: #1e293b !important;
}
html[data-theme="dark"] a {
  color: #a5b4fc;
}
html[data-theme="dark"] footer {
  color: #94a3b8 !important;
  border-top-color: #334155 !important;
}
html[data-theme="dark"] .theme-toggle {
  background: #334155;
  border: 1px solid #475569;
}
html[data-theme="dark"] .legal-card p,
html[data-theme="dark"] .legal-card li,
html[data-theme="dark"] .legal-card h2 {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .updated {
  color: #64748b !important;
}

/* Theme toggle button */
.theme-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.theme-toggle:hover {
  opacity: 0.85;
}