@import "tailwindcss";

@theme {
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Playfair Display", serif;
}

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply bg-white text-black antialiased;
  }
}

@layer components {
  .gold-text {
    @apply text-[#D4AF37];
  }
  
  .gold-bg {
    @apply bg-[#D4AF37];
  }
  
  .gold-border {
    @apply border-[#D4AF37];
  }
}

/* Custom Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 1s ease-out forwards;
}