/*
 * RetroForge navigation colour contract
 *
 * Navigation uses one consistent muted-gold colour in every state. Current
 * pages remain identifiable through their URL and dropdown position without
 * introducing white/orange text that makes one item look unrelated.
 */
:root {
  --rf-nav-gold: #b89455;
}

.nav-center > a,
.nav-center > a:hover,
.nav-center > a:focus,
.nav-center > a:focus-visible,
.nav-center > a.active,
.nav-label,
.nav-item:hover > .nav-label,
.nav-item:focus-within > .nav-label,
.nav-item.active > .nav-label,
.nav-dropdown a,
.nav-dropdown a:hover,
.nav-dropdown a:focus,
.nav-dropdown a:focus-visible,
.nav-dropdown a.active,
.nav-dropdown a[aria-current="page"],
.mobile-menu a,
.mobile-menu a:hover,
.mobile-menu a:focus,
.mobile-menu a.active,
.mobile-menu a[aria-current="page"] {
  color: var(--rf-nav-gold) !important;
}

.nav-label {
  text-decoration: none !important;
}

/* Journal and Shop use real buttons because they only open dropdowns. Remove
   the browser's native button chrome so they match linked navigation labels. */
.nav-center button.nav-label {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}

/* Music and Discover are real destinations as well as dropdown triggers. */
.mobile-menu a.mobile-section.mobile-hub {
  pointer-events: auto;
  color: var(--rf-nav-gold) !important;
  text-decoration: none;
}

/* Contextual editorial links: visible enough to invite exploration without
   turning RetroForge's warm archive palette into a field of blue hyperlinks. */
.context-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(217, 116, 22, 0.72);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.context-link:hover,
.context-link:focus-visible {
  color: #f2dfb1;
  text-decoration-color: #d97416;
}