/*
Theme Name: Calm Before Care
Author: Your Name
Description: An Illustrated Wonderland Theme
Version: 1.0
*/

body {
    background-color: #FDFBF7;
    color: #3A4B55;
    overflow-x: hidden;
}

/* Magical Storybook Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
}
@keyframes float-tilt {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-12px) rotate(2deg); }
}
@keyframes sway {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}
@keyframes gentle-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.05); opacity: 1; }
}

.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-tilt { animation: float-tilt 7s ease-in-out infinite; }
.animate-sway { animation: sway 5s ease-in-out infinite; transform-origin: bottom center; }
.animate-pulse-glow { animation: gentle-pulse 4s ease-in-out infinite; }

.delay-1 { animation-delay: 1.5s; }
.delay-2 { animation-delay: 3s; }
.delay-3 { animation-delay: 4.5s; }

/* Storybook Card Interactions */
.story-card {
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 2px solid transparent;
}
.story-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px -12px rgba(126, 168, 217, 0.3);
    border-color: rgba(126, 168, 217, 0.3);
}

/* Scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s cubic-bezier(0.5, 0, 0, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #FDFBF7; }
::-webkit-scrollbar-thumb { background: #8EB1C7; border-radius: 6px; border: 3px solid #FDFBF7; }
::-webkit-scrollbar-thumb:hover { background: #7EA8D9; }