@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
@import "tailwindcss";

@theme {
  --color-primary: #C4737E;
  --color-primary-light: #F2D7DB;
  --color-secondary: #D4A574;
  --color-cream: #FBF8F5;
  --color-surface: #FFFFFF;
  --color-espresso: #2D2016;
  --color-warm-grey: #7A6E65;
  --color-sage: #7BAE7F;
  --color-berry: #C94C4C;
  --color-sand: #E8E0D8;
  --color-berry-red: #C94C4C;
  --font-display: 'Playfair Display', serif;
  --font-sans: 'Inter', system-ui, sans-serif;
}

body {
  font-family: var(--font-sans);
  background-color: #FBF8F5;
  color: #2D2016;
  -webkit-font-smoothing: antialiased;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@keyframes confetti-fall {
  0% { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

.animate-confetti-fall {
  animation: confetti-fall 2s ease-in forwards;
}
