:root {
  --primary-gold: #ffd700;
  --secondary-gold: #f4c430;
  --dark-gold: #b8860b;
  --primary-black: #000000;
  --secondary-black: #1a1a1a;
  --light-black: #2d2d2d;
}

.gradient-bg {
  background: linear-gradient(
    135deg,
    var(--primary-black) 0%,
    var(--secondary-black) 50%,
    var(--light-black) 100%
  );
}

.btn-gold {
  background: linear-gradient(
    135deg,
    var(--primary-gold) 0%,
    var(--secondary-gold) 100%
  );
  color: var(--primary-black);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  text-decoration: none;
}

.btn-gold:hover {
  background: var(--dark-gold);
  color: var(--primary-black);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);
}

.nav-gold {
  background-color: #000000 !important;
  border-bottom: 2px solid var(--primary-gold);
}

.nav-gold a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.nav-gold .text-white,
.nav-gold a:not(.btn-gold) {
  color: #ffffff !important;
}

.nav-gold a:not(.btn-gold):hover {
  color: #fbbf24 !important;
}

.nav-gold .text-yellow-400 {
  color: #fbbf24 !important;
}

.nav-gold span {
  color: #ffffff !important;
}

.nav-gold span .text-yellow-400,
.nav-gold span span {
  color: #fbbf24 !important;
}

.pulse-gold {
  animation: pulseGold 2s infinite;
}

@keyframes pulseGold {
  0%,
  100% {
    opacity: 1;
    color: var(--primary-gold);
  }
  50% {
    opacity: 0.7;
    color: var(--secondary-gold);
  }
}

/* Ensure button text contrast */
.btn-gold,
.btn-gold:hover,
.btn-gold:focus {
  color: #000000 !important;
  text-decoration: none;
}

/* Active navigation state */
.nav-gold .text-yellow-400 {
  color: #fbbf24 !important;
  font-weight: 600;
}