/* Light Mode */
body {
    background-color: #f8fafc;
    color: #1f2937;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* Dark Mode */
.dark body {
    background-color: #121212 !important;
    color: #e5e7eb !important;
}

.dark button {
    background-color: #1e293b !important;
    color: white !important;
}

.dark #gallery img, .dark #gallery video {
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}

/* Image & Video Styles */
#gallery img, #gallery video {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s;
    cursor: pointer;
}

#gallery img:hover, #gallery video:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Ensure Cursor Pointer on Close Button */
#close-modal {
    cursor: pointer;
}