@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    scroll-behavior: smooth;
  }
  
  body {
    @apply antialiased overflow-x-hidden bg-[#f5e6d8] font-['Inter',sans-serif];
  }
}

@layer utilities {
  .animate-fade-scale {
    animation: fadeInScale 0.8s ease-out forwards;
  }
  
  .animate-float {
    animation: floatSoft 5s ease-in-out infinite;
  }
  
  @keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
  }
  
  @keyframes floatSoft {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
  }
}