/* ============================================
   ZenPy - Animations
   Hard shadows · No blur · No gradients
   ============================================ */

/* --- Slide & Fade --- */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* --- Pulse --- */
@keyframes pulse-soft {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* --- Float (particles) --- */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

/* --- Blink (cursor-like) --- */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* --- Spin --- */
@keyframes spin {
    to { transform: rotate(360deg); }
}

/* --- Type writer underline --- */
@keyframes typewriter-cursor {
    0%, 100% { border-right-color: var(--accent); }
    50% { border-right-color: transparent; }
}

/* --- Confetti fall --- */
@keyframes confetti-fall {
    from { transform: translateY(-10px) rotate(0deg); opacity: 1; }
    to { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}

/* --- Scale in --- */
@keyframes scaleIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

/* --- Stagger children --- */
.stagger > * { animation: fadeInUp 0.4s ease both; }
.stagger > *:nth-child(1) { animation-delay: 0.05s; }
.stagger > *:nth-child(2) { animation-delay: 0.1s; }
.stagger > *:nth-child(3) { animation-delay: 0.15s; }
.stagger > *:nth-child(4) { animation-delay: 0.2s; }
.stagger > *:nth-child(5) { animation-delay: 0.25s; }
.stagger > *:nth-child(6) { animation-delay: 0.3s; }

/* --- Utility classes --- */
.animate-fadeIn { animation: fadeIn 0.4s ease; }
.animate-fadeInUp { animation: fadeInUp 0.4s ease; }
.animate-scaleIn { animation: scaleIn 0.3s ease; }
/* Profile-card palette classes are defined in theme.css to keep class mapping centralized. */