body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #121212;
  color: #e5e7eb;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #121212; 
}
::-webkit-scrollbar-thumb {
  background: #333; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4AF37; 
}

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

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

@keyframes scroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
.animate-scroll {
  animation: scroll 30s linear infinite;
}
.group:hover .animate-scroll {
  animation-play-state: paused;
}

.bg-gradient-gold {
  background: linear-gradient(to right, #D4AF37, #C5A059);
}
.text-gradient-gold {
  background: linear-gradient(to right, #FFDF00, #C5A059);
  -webkit-background-clip: text;
  color: transparent;
}