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

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Mulish', sans-serif;
  color: #3D2B1F;
  background: #FAFAF7;
}

@keyframes hcFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-18px) rotate(4deg); }
}

@keyframes hcFloatSlow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(14px); }
}

.animate-float {
  animation: hcFloat 9s ease-in-out infinite;
}

.animate-float-slow {
  animation: hcFloatSlow 7s ease-in-out infinite;
}