/* Add smooth transitions for theme changes */
* {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Add smooth transitions for all theme-affected properties */
body,
nav,
.form-container,
.portfolio-item,
.gallery-overlay {
    transition: 
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease;
}

/* Base theme-aware styles */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

nav {
    background-color: var(--nav-bg);
}

.form-container {
    background-color: var(--section-bg);
    border-color: var(--form-border);
}

/* Add more theme-aware styles as needed */