/* assets/css/theme.css */
.dark-mode .hero-background {
    background: linear-gradient(135deg, 
        rgba(37, 99, 235, 0.2) 0%,
        rgba(124, 58, 237, 0.1) 50%,
        rgba(6, 182, 212, 0.1) 100%);
}

.dark-mode .story-card,
.dark-mode .stat-card,
.dark-mode .skill-card,
.dark-mode .timeline-content,
.dark-mode .portfolio-card,
.dark-mode .blog-card,
.dark-mode .contact-card,
.dark-mode .social-links {
    background: var(--color-bg);
    border-color: var(--color-border);
}

.dark-mode .form-input,
.dark-mode .form-textarea,
.dark-mode .search-input,
.dark-mode .newsletter-input {
    background: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

.dark-mode .filter-btn,
.dark-mode .portfolio-filter-btn {
    background: var(--color-bg);
    border-color: var(--color-border);
}

.dark-mode .skill-progress,
.dark-mode .timeline::before {
    background: var(--color-border);
}

.dark-mode .timeline-item::before {
    background: var(--color-bg);
}

.dark-mode .portfolio-view-btn,
.dark-mode .modal-close {
    background: var(--color-bg-secondary);
    border-color: var(--color-border);
    color: var(--color-text);
}

.dark-mode .social-link {
    background: var(--color-bg);
    border-color: var(--color-border);
}

.dark-mode .modal-container {
    background: var(--color-bg-secondary);
}