@import "tailwindcss";

@theme {
  --color-gold: #d4af37;
  --color-gold-light: #f9d976;
  --color-gold-dark: #aa862e;
  --color-zinc-950: #09090b;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
}

@layer base {
  body {
    @apply bg-zinc-950 text-zinc-100;
  }
}

.bg-black-gold {
  background: linear-gradient(135deg, #09090b 0%, #1a1a1a 100%);
}

.text-gold {
  color: #d4af37;
}

.border-gold {
  border-color: #d4af37;
}

.btn-gold {
  @apply bg-gold text-zinc-950 font-bold px-6 py-2 rounded transition-all hover:bg-gold-light;
}

.card-gold {
  @apply bg-zinc-900/50 border border-zinc-800 rounded-xl overflow-hidden hover:border-gold/50 transition-all;
}

.nav-link {
  @apply hover:text-gold transition-colors duration-200;
}

.smooth-scroll {
  scroll-behavior: smooth;
}