@import "tailwindcss";

@layer base {
  body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  }
  h1, h2, h3, h4, .font-heading {
    font-family: 'Outfit', 'Plus Jakarta Sans', system-ui, sans-serif;
  }
}

@layer utilities {
  .text-gold-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-amber-300 via-amber-400 to-yellow-500;
  }
  .bg-amber-gradient {
    @apply bg-gradient-to-r from-amber-500 via-orange-500 to-amber-400;
  }
  .glass-panel {
    @apply bg-slate-900/90 backdrop-blur-md border border-slate-800/80;
  }
  .glass-card {
    @apply bg-slate-950/80 backdrop-blur-sm border border-slate-800/80 hover:border-amber-500/40 transition-all;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #020617;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f59e0b;
}

/* Pulse Glow & Keyframes */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
  }
  50% {
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.4);
  }
}

.animate-pulse-glow {
  animation: pulseGlow 3s infinite ease-in-out;
}