/* Dark Mode Overrides */

/* Base */
.dark body {
  background-color: #1a1618;
  color: #e8e0e1;
}

/* Surfaces */
.dark .bg-surface,
.dark .bg-background,
.dark .bg-surface-bright { background-color: #1a1618; }

.dark .bg-surface-container-low { background-color: #221e20; }
.dark .bg-surface-container { background-color: #28232527; background-color: #272325; }
.dark .bg-surface-container-high { background-color: #302a2d; }
.dark .bg-surface-container-highest { background-color: #362f32; }
.dark .bg-surface-container-lowest { background-color: #2c2729; }
.dark .bg-surface-dim { background-color: #131011; }
.dark .bg-surface-variant { background-color: #2f282b; }

/* Inverse / Special */
.dark .bg-inverse-surface { background-color: #e8e0e1; }
.dark .bg-primary-container { background-color: #5c1e2c; }
.dark .bg-tertiary-fixed { background-color: #3a2f31; }

/* Text colors */
.dark .text-on-surface { color: #e8e0e1; }
.dark .text-on-surface-variant { color: #d0c5c8; }
.dark .text-on-background { color: #e8e0e1; }
.dark .text-primary { color: #ffb2bc; }
.dark .text-primary-container { color: #ffdadd; }
.dark .text-secondary { color: #e9c349; }
.dark .text-on-primary-container { color: #ffdadd; }

/* Border colors */
.dark .border-outline-variant { border-color: rgba(255,255,255,0.1); }
.dark .border-secondary-container { border-color: #e9c349; }
.dark .border-secondary { border-color: #e9c349; }
.dark .border-outline { border-color: rgba(255,255,255,0.15); }

/* Nav glass */
.dark .glass-nav {
  background: rgba(26, 22, 24, 0.88);
}

/* Navbar links */
.dark .text-zinc-600 { color: #b0a8aa; }
.dark .text-zinc-500 { color: #9a9092; }
.dark .text-zinc-400 { color: #847a7d; }

/* Primary button / bg */
.dark .bg-primary { background-color: #b05060; }
.dark .hover\:bg-primary:hover { background-color: #b05060; }
.dark .bg-secondary-container { background-color: #4a3a00; }
.dark .text-on-secondary-container { color: #fed65b; }
.dark .bg-surface-container.flex { background-color: #272325; }

/* Cards hover */
.dark .hover\:bg-surface-container-low:hover { background-color: #272325; }

/* Modals */
.dark .bg-white { background-color: #2c2729; }
.dark [id$="Modal"] .bg-white { background-color: #2c2729; }
.dark [id$="Modal"] .sticky.bg-white { background-color: #342e31; }
.dark [id$="Modal"] .text-on-surface-variant { color: #d0c5c8; }
.dark [id$="Modal"] .border-outline-variant { border-color: rgba(255,255,255,0.1); }
.dark [id$="Modal"] .bg-surface-container-low { background-color: #272325; }

/* Form inputs */
.dark input,
.dark select,
.dark textarea {
  background-color: #221e20;
  border-color: rgba(255,255,255,0.15);
  color: #e8e0e1;
}
.dark input::placeholder,
.dark textarea::placeholder { color: #7a7275; }
.dark input:focus,
.dark select:focus,
.dark textarea:focus {
  border-color: #ffb2bc;
  outline: none;
}

/* Footer */
.dark footer {
  background-color: #221e20;
  border-color: rgba(255,255,255,0.06);
}
.dark .bg-surface-container.w-10 { background-color: #2c2729; }

/* Hero section */
.dark .bg-surface-container-low.overflow-hidden,
.dark section.bg-surface-container-low { background-color: #221e20; }

/* Counter block */
.dark .counter-block { background-color: #2c2729; }

/* Pillar cards */
.dark .pillar-card { background-color: #2c2729; }
.dark .pillar-card.bg-primary { background-color: #6b2535; }

/* Dra section card */
.dark .absolute.-bottom-6.-right-6 { background-color: #2c2729; }

/* Quote block */
.dark .bg-white\/80 {
  background-color: rgba(44, 39, 41, 0.85);
}

/* Dark toggle button */
#dark-toggle {
  transition: all 0.3s ease;
}