/* Custom smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Custom fade-in animation */
.animate-fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease forwards;
}

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

/* Dark mode utility class */
body.dark-mode {
    background-color: #1a202c;
    color: #e2e8f0;
}

body.dark-mode nav, body.dark-mode #projects {
    background-color: #2d3748;
    color: white;
}