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

html { scroll-behavior: smooth; }

@layer utilities {
    .btn-kids {
        @apply bg-[#FF6B6B] hover:bg-[#FF5252] text-white font-bold py-3 px-8 rounded-full shadow-[0_4px_0_0_#D93838] hover:shadow-[0_2px_0_0_#D93838] hover:translate-y-[2px] transition-all duration-200 uppercase tracking-wide text-sm;
    }
    .btn-kids-outline {
        @apply border-2 border-[#4ECDC4] text-[#4ECDC4] hover:bg-[#4ECDC4] hover:text-white font-bold py-3 px-8 rounded-full transition-all duration-300 uppercase tracking-wide text-sm;
    }
}