/* Dark Mode Styles */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode .navbar {
    background-color: #1f1f1f !important;
}

body.dark-mode .section {
    background-color: #1e1e1e;
}

body.dark-mode h2 {
    color: #bb86fc;
}

body.dark-mode .btn-primary {
    background-color: #bb86fc;
    border-color: #bb86fc;
    color: #000;
}

body.dark-mode .form-control {
    background-color: #2c2c2c;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .img-fluid {
    filter: brightness(0.8);
    transition: filter 0.3s ease;
}

body.dark-mode .img-fluid:hover {
    filter: brightness(1);
}

/* Reveal Animations */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}