:root{
  --brand-gold:#c9a24a;
  --brand-cream:rgba(201,162,74,.14);
  --brand-green:#22c55e;
  --brand-ice:#0f0f0f;
  --brand-red:#ef4444;
  --text:#ffffff;
  --muted:rgba(255,255,255,.55);
  --line:rgba(255,255,255,.10);
  --panel:rgba(255,255,255,.04);
}

.gold-nav{
  background:
    radial-gradient(500px 180px at 20% -60%,rgba(201,162,74,.18),transparent 60%),
    linear-gradient(180deg,rgba(15,15,15,.98),rgba(23,23,23,.96));
  border-bottom:1px solid rgba(201,162,74,.45);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
  position:sticky;
  top:0;
  z-index:1030;
  backdrop-filter:blur(8px);
}

.gold-nav .navbar-brand{
  color:#fff;
}

.gold-nav .nav-link{
  font-weight:700;
  color:rgba(255,255,255,.72);
  border-bottom:2px solid transparent;
}

.gold-nav .nav-link:hover,
.gold-nav .nav-link.active{
  color:#fff;
  border-bottom-color:var(--brand-gold,#c9a24a);
}

.gold-nav .navbar-toggler{
  border-color:rgba(201,162,74,.55);
}

.gold-nav .navbar-toggler:focus{
  box-shadow:0 0 0 .2rem rgba(201,162,74,.35);
}

.gold-nav .navbar-toggler-icon{
  filter:invert(1) grayscale(1);
}

.btn-accent{
  background:var(--brand-gold,#c9a24a);
  color:#0f0f0f;
  font-weight:800;
  border:none;
  border-radius:10px;
  padding:10px 14px;
  box-shadow:0 8px 18px rgba(201,162,74,.28);
}

.btn-accent:hover{
  color:#0f0f0f;
  filter:brightness(1.05);
}

.gold-nav .dropdown-menu{
  background:#0f0f0f;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.gold-nav .dropdown-item{
  color:rgba(255,255,255,.78);
}

.gold-nav .dropdown-item:hover,
.gold-nav .dropdown-item:focus{
  background:rgba(201,162,74,.14);
  color:#fff;
}

.gold-nav .dropdown-item:active{
  background:rgba(201,162,74,.22);
  color:#fff;
}

.gold-nav .navbar-brand .brand-logo{
  height:32px;
  width:auto;
  display:block;
  object-fit:contain;
}

@media(min-width:992px){
  .gold-nav .navbar-brand .brand-logo{
    height:36px;
  }
}