@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap');

:root {
  --primary-color: #D4AF37;
  --secondary-color: #2D2D2D;
  --accent-color: #F5F5F5;
  --text-light: #666666;
}

.logo-text {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.nav-link {
  color: white;
  font-weight: 500;
  transition: color 0.3s ease;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1rem;
}

.nav-link:hover {
  color: var(--primary-color);
}

.hero-gradient {
  background: linear-gradient(to right, rgba(45, 45, 45, 0.9), rgba(45, 45, 45, 0.7));
}

.btn-primary {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  background-color: #C29D31;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

.btn-secondary {
  background-color: transparent;
  color: white;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  border: 2px solid white;
  transition: all 0.3s ease;
  cursor: pointer;
}

.btn-secondary:hover {
  background-color: white;
  color: var(--secondary-color);
}

.section-padding {
  padding: 5rem 1rem;
}

@media (max-width: 768px) {
  .section-padding {
    padding: 3rem 1rem;
  }
}