@import "tailwindcss";

@theme {
  --color-gold-light: #f3e5ab;
  --color-gold-primary: #d4af37;
  --color-gold-dark: #aa8a2e;
  --color-black-rich: #0a0a0a;
  --color-black-pale: #1a1a1a;
  
  --font-sans: "Inter", system-ui, sans-serif;
}

@layer base {
  body {
    @apply bg-black-rich text-gray-300;
  }
}

.gold-gradient {
  background: linear-gradient(135deg, var(--color-gold-primary) 0%, var(--color-gold-dark) 100%);
}

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

.glass-card {
  @apply bg-black-pale/50 backdrop-blur-md border border-white/10;
}

/* Custom scrollbar for better aesthetic */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  @apply bg-black-rich;
}
::-webkit-scrollbar-thumb {
  @apply bg-gold-dark/30 rounded-full hover:bg-gold-primary/50 transition-colors;
}