@import "tailwindcss";

@theme {
  --color-gold-50: #fffdf0;
  --color-gold-100: #fef9c3;
  --color-gold-200: #fef08a;
  --color-gold-300: #fde047;
  --color-gold-400: #facc15;
  --color-gold-500: #eab308;
  --color-gold-600: #ca8a04;
  --color-gold-700: #a16207;
  --color-gold-800: #854d0e;
  --color-gold-900: #713f12;
  --color-gold-950: #422006;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-neutral-950 text-neutral-200 font-sans;
  }
}

.gold-gradient {
  background: linear-gradient(135deg, #facc15 0%, #a16207 100%);
}

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

.card-hover {
  @apply transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-gold-500/20;
}

.nav-link {
  @apply relative py-2 transition-colors hover:text-gold-400;
}

.nav-link::after {
  content: '';
  @apply absolute bottom-0 left-0 w-0 h-0.5 bg-gold-400 transition-all duration-300;
}

.nav-link:hover::after {
  @apply w-full;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  @apply bg-neutral-900;
}
::-webkit-scrollbar-thumb {
  @apply bg-gold-600 rounded-full hover:bg-gold-500;
}