:root {
  --primary: #dfcc4e;
  --secondary: #858796;
  --light: #f8f9fc;
  --dark: #1c1e21;
  --white: #ffffff;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: var(--light);
  color: var(--dark);
}

/* Navbar */
.navbar-light .nav-link {
  color: var(--dark);
}
.navbar-light .nav-link:hover,
.navbar-light .nav-link.active {
  color: var(--primary);
}
.btn-gold {
  background-color: #C6930A;
  color: white;
  border: none;
}
.btn-gold:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px #d4af37;
  transition: all 0.3s ease;
}
.text-gold-metallic {
  color: #d4af37;
}
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}
/* Cards */
.card {
  border: none;
  background: var(--white);
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s;
}
.card:hover {
  transform: translateY(-5px);
}
header .top-right-logo {
  opacity: 0;
  animation: fadeIn 2s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Footer */
footer {
  color: var(--secondary);
  font-size: 0.9rem;
}

.text-gold-metallic {
  background: linear-gradient(45deg, #FFD700, #FFEA70, #E6B422, #C6930A);
  background-size: 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  animation: shine 6s infinite linear;
}

@keyframes shine {
  0% { background-position: 50% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 50% 50%; }
}