/* ==========================================================================
   Cabeçalho fixo — fundo azul da marca
   Uso de regras próprias (em vez de classes utilitárias do Tailwind) porque
   o CSS compilado só contém as classes que já existiam na exportação
   original; combinações novas como "bg-[cor]/opacidade" não existem ali.
   ========================================================================== */

header {
  background-color: color-mix(in srgb, var(--brand) 95%, transparent);
}

header nav a {
  color: rgba(255, 255, 255, 0.85) !important;
  transition: color 0.2s ease;
}

header nav a:hover {
  color: var(--gold) !important;
}

#mobile-menu-btn {
  color: #ffffff !important;
}