@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

html { scroll-behavior: smooth; }

@layer utilities {
    .btn-magenta {
        @apply bg-[#E11D48] hover:bg-[#BE123C] text-white font-bold py-3 px-8 rounded shadow-lg hover:shadow-xl transition-all duration-300;
    }
}