/* Dark mode transitions */
body {
    transition: background-color 0.5s ease;
}

/* Dark mode text color overrides with higher specificity */
body.dark-mode,
body.dark-mode *,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode a,
body.dark-mode li {
    color: #ffffff !important;
}

body.dark-mode span.elementor-divider-separator {
    border-color: white !important;
}

/* Specific overrides for common elements */
body.dark-mode .portfolio-title,
body.dark-mode .portfolio-description {
    color: #ffffff !important;
}

body.dark-mode .portfolio-description {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Ensure smooth transitions */
body.dark-mode * {
    transition: color 0.3s ease;
}