@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

@theme {
  --font-sans: 'Poppins', sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;
}

body {
  font-family: 'Poppins', sans-serif;
  background-color: #FDF8F3;
  color: #332A24;
  overflow-x: hidden;
}

button,
[role="button"] {
  font-family: 'Playfair Display', Georgia, serif !important;
}

.font-serif {
  font-family: 'Playfair Display', Georgia, serif !important;
}

.font-sans {
  font-family: 'Poppins', sans-serif !important;
}

/* Animations & Transitions */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideLeft {
  from { opacity: 0; transform: translateX(100%); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes scaleUp {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.animate-fadeIn {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-slideLeft {
  animation: slideLeft 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-scaleUp {
  animation: scaleUp 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Utilities */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}