/* Navbar slide-out menu — complemento ao CSS crítico inline em navbar-menu.html */
:root {
  --navbar-menu-width: min(19rem, 86vw);
  --navbar-menu-accent: #fafafa;
}

#navbar-menu .navbar-menu__link:hover svg,
#navbar-menu .navbar-menu__link:focus-visible svg {
  color: var(--navbar-menu-accent);
}

#navbar-menu .navbar-menu__close:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--navbar-menu-accent);
}

.navbar-menu__toggle.is-active {
  color: var(--navbar-menu-accent);
}

.navbar-menu__toggle.is-active svg {
  color: var(--navbar-menu-accent);
}

@media (prefers-reduced-motion: reduce) {
  #navbar-menu .navbar-menu__backdrop,
  #navbar-menu .navbar-menu__panel {
    transition: none !important;
  }
}