@import "tailwindcss";

@theme {
  --color-gold-primary: #d4af37;
  --color-gold-light: #f9e79f;
  --color-gold-dark: #aa8a2e;
  --color-bg-dark: #0a0a0a;
  --color-bg-card: #1a1a1a;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  body {
    @apply bg-bg-dark text-white font-sans;
    scroll-behavior: smooth;
  }
}

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

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

.card-hover {
  @apply transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(212,175,55,0.3)];
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
  background: #d4af37;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f9e79f;
}