.nav-masthead .nav-link {
  color: #444;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #000;
}

/* Uses the :has CSS pseudo-class */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/:has */
/* https://caniuse.com/css-has */

body:has(#darkModeToggle:checked) {
  background-color: #333 !important;
  color: #eee;
}

body:has(#darkModeToggle:checked) .nav-masthead .nav-link {
  color: #eee;
}