:root {
  --gold: #d4af37;
  --gold-light: #f1d592;
  --dark-bg: #121212;
  --dark-surface: #1e1e1e;
  --dark-border: #333333;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--dark-bg);
  color: #f3f4f6;
  font-family: 'Inter', sans-serif;
}

.gold-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #f1d592 50%, #d4af37 100%);
}

.gold-text-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #f1d592 50%, #d4af37 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.glass-card {
  background-color: rgba(30, 30, 30, 0.8);
  backdrop-filter: blur(12px);
  border: 1px solid var(--dark-border);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--dark-bg);
}
::-webkit-scrollbar-thumb {
  background: rgba(212, 175, 55, 0.5);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--gold);
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.8s ease forwards;
}