/**
 * Dark Mode Styles
 * 
 * @package DM_Digital_Marketer
 */

.dark-mode {
    --text-primary: #E0E0E0;
    --text-secondary: #B0B0B0;
    --text-muted: #808080;
    
    --bg-light: #1E1E1E;
    --bg-white: #121212;
    --border-color: #2C2C2C;
    
    --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
    --box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
}

.dark-mode {
    background-color: var(--bg-white);
    color: var(--text-primary);
}

.dark-mode .site-header,
.dark-mode .navbar {
    background-color: var(--bg-white);
    border-bottom: 1px solid var(--border-color);
}

.dark-mode .navbar-brand,
.dark-mode .nav-link {
    color: var(--text-primary) !important;
}

.dark-mode .service-card,
.dark-mode .portfolio-card,
.dark-mode .testimonial-card,
.dark-mode .blog-card,
.dark-mode .contact-form {
    background-color: var(--bg-light);
}

.dark-mode .service-card:hover,
.dark-mode .portfolio-card:hover,
.dark-mode .testimonial-card:hover,
.dark-mode .blog-card:hover {
    background-color: #252525;
}

.dark-mode .form-control {
    background-color: var(--bg-white);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.dark-mode .form-control:focus {
    background-color: var(--bg-white);
    color: var(--text-primary);
}

.dark-mode .contact-info {
    background-color: var(--bg-white);
}

.dark-mode .section-title,
.dark-mode .service-title,
.dark-mode .portfolio-title,
.dark-mode .blog-title,
.dark-mode .author-name,
.dark-mode h1, .dark-mode h2, .dark-mode h3, 
.dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: var(--text-primary);
}

.dark-mode .section-description,
.dark-mode .service-description,
.dark-mode .portfolio-excerpt,
.dark-mode .blog-excerpt,
.dark-mode .testimonial-text {
    color: var(--text-secondary);
}

.dark-mode .dark-mode-toggle .bi-moon-fill::before {
    content: "\f5a2";
}

/* Smooth transition for dark mode */
body,
.site-header,
.navbar,
.service-card,
.portfolio-card,
.testimonial-card,
.blog-card,
.contact-form,
.form-control {
    transition: background-color 0.3s ease, color 0.3s ease;
}