body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* slate-50 */
    color: #1e293b; /* slate-800 */
}
/* Section Backgrounds */
#hero { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); min-height: 100vh; }
#about { background-color: #f0f9ff; } /* sky-50 */
#skills { background-color: #fdf2f8; } /* pink-50 */
#experience { background-color: #fafafa; } /* gray-50 */
#projects { background-color: #f5f3ff; } /* violet-50 */
#certifications { background-color: #f0fdf4; } /* green-50 */
#contact { background-color: #f8fafc; } /* slate-50 */

/* Animations */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.appear {
    opacity: 1;
    transform: translateY(0);
}
@keyframes slideInFromTop {
    from { transform: translateY(-50px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeInText {
    from { opacity: 0; }
    to { opacity: 1; }
}
#hero h1 { animation: slideInFromTop 1s ease-out forwards; }
#hero p, #hero div { animation: fadeInText 1.5s ease-out forwards; animation-delay: 0.5s; opacity: 0; }

/* Custom list marker color */
.marker-sky-500 li::marker {
    color: #0ea5e9;
}