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

@layer utilities {
    .nav__link {
        @apply relative text-base font-medium w-fit block after:block after:content-[''] after:absolute after:h-[3px] after:bg-pink-600 after:w-full after:scale-x-0 after:hover:scale-x-100 after:transition after:duration-300 after:origin-right;
    }
}

/* Global theme transition */
.transition-theme {
    transition: background-color 0.7s ease, color 0.7s ease;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

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