@import "tailwindcss";

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@theme {
  --font-cormorant: "Cormorant Garamond", serif;
}

@theme {
  --font-cinzel: "Cinzel", serif;
}

@theme {
  --font-inter: "Inter", sans-serif;
}

@theme {
  --animate-heartbeat: heartbeat 1.5s ease-in-out infinite;
  --animate-fade-up: fade-up 1s 0.9s forwards;
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes heartbeat {
  0%,100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}