/* ===== DARK OVERRIDES ===== */
.dark body,
body.dark {
  background-color: #060c0a;
  /* Deep emerald-gray instead of slate blue */
  color: #e2e8f0;
}

.dark .bg-white\/70,
.dark .bg-white\/80,
.dark .bg-white\/90,
.dark .bg-white\/60 {
  background-color: rgba(14, 24, 20, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark nav,
.dark header {
  background-color: rgba(6, 12, 10, 0.85) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .text-on-surface {
  color: #f8fafc !important;
}

.dark .text-slate-500 {
  color: #94a3b8 !important;
}

.dark .text-emerald-800 {
  color: #34d399 !important;
}

.dark .glass-panel {
  background: rgba(14, 24, 20, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .text-on-surface-variant {
  color: #94a3b8 !important;
}

.dark .bg-surface-container-low {
  background: #0f1a16 !important;
}

.dark .bg-surface-container-highest\/50 {
  background: rgba(30, 45, 40, 0.6) !important;
}

/* Dark map that maintains contrast and isn't pitch black */
.dark .leaflet-tile-pane {
  filter: invert(100%) hue-rotate(180deg) brightness(1.15) contrast(1.1) saturate(0.8) !important;
}

.dark #profile-modal {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.4);
}

.dark .profile-header-typo {
  background: linear-gradient(to bottom right, #f8fafc, #94a3b8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dark .profile-card-minimal {
  background: #111827;
  border-color: #1f2937;
}

.dark .profile-card-minimal:hover {
  background: #111827;
  border-color: #006857;
}

.dark .profile-stat-widget {
  background: #0f172a;
  border-color: #1e293b;
}

.dark .profile-divider {
  background: #1e293b;
}

.dark #settings-modal {
  background: #0f172a;
  border-color: #1e293b;
  box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.5);
}

.dark .settings-header {
  background: #0f172a;
  border-color: #1e293b;
}

.dark .settings-body::-webkit-scrollbar-thumb {
  background: #334155;
}

.dark .control-group {
  background: #111827;
  border-color: #1f2937;
}

.dark .control-row {
  border-color: #1f2937;
}

.dark .control-title {
  color: #f8fafc;
}

.dark .segmented-control {
  background: #1e293b;
}

.dark .segmented-btn:hover {
  color: #f8fafc;
}

.dark .segmented-btn.active {
  background: #0f172a;
  color: #34d399;
}

.dark .reading-mode-active .bg-gradient-to-br,
.dark .reading-mode-active .bg-gradient-to-tr {
  background: #0f172a !important;
  border: 1px solid #1e293b !important;
}

.dark .acc-preview-card.active {
  background: #1e293b;
}

.dark .theme-toggle-pill {
  background: #1e293b;
}

.dark .theme-toggle-pill button.active {
  background: #0f172a;
  color: #34d399;
}