@import "tailwindcss";

@layer utilities {
  .font-righteous {
    font-family: 'Righteous', cursive, sans-serif;
  }
  .font-outfit {
    font-family: 'Outfit', sans-serif;
  }
  .font-pixel {
    font-family: 'Press Start 2P', monospace;
  }
}

/* Custom Vinyl Groove Background */
.vinyl-grooves {
  background: repeating-radial-gradient(
    circle at center,
    #18161d,
    #18161d 3px,
    #0d0c11 4px,
    #0d0c11 7px
  );
}

.brass-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #aa7c11 30%, #ffd700 50%, #8b6508 80%, #5c4002 100%);
}

.wood-texture {
  background-color: #2b1810;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 0);
  background-size: 16px 16px;
}

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

@keyframes pulseGlow {
  0%, 100% { opacity: 0.8; filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.4)); }
  50% { opacity: 1; filter: drop-shadow(0 0 16px rgba(245, 158, 11, 0.8)); }
}

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