/* Dark overlay for hero background in dark mode */
body.dark-mode .hero {
  background: url(../img/hero-bg-dark.png) top center no-repeat !important;
  background-size: cover !important;
  position: relative;
}
body.dark-mode .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(10, 24, 51, 0.85); /* deep blue overlay */
  pointer-events: none;
}
body.dark-mode .hero > * {
  position: relative;
  z-index: 1;
}

/* Header and nav dark mode */
body.dark-mode .header {
  background-color: #101e3a !important;
  box-shadow: 0 2px 16px 0 rgba(0,0,0,0.4);
}
body.dark-mode .header .logo h1,
body.dark-mode .header .logo {
  color: #6ea8fe !important;
}
body.dark-mode .navmenu ul li a {
  color: #e0e6f6 !important;
}
body.dark-mode .navmenu ul li a:hover,
body.dark-mode .navmenu ul li.active > a {
  color: #6ea8fe !important;
}
body.dark-mode .navmenu ul li {
  background: transparent !important;
}
body.dark-mode .navmenu ul {
}
body.dark-mode .navmenu {
  background: transparent !important;
}