/* Force dark mode on EVERYTHING */
body.dark,
body.dark * {
    background-color: var(--dark-primary) !important;
    color: var(--dark-text) !important;
}

/* Main container */
body.dark .main-container,
body.dark .container,
body.dark .content-wrapper,
body.dark .page-wrapper {
    background-color: var(--dark-primary) !important;
    color: var(--dark-text) !important;
}

/* Navigation and Sidebar */
body.dark .sidebar,
body.dark nav,
body.dark .nav-wrapper {
    background-color: var(--dark-secondary) !important;
    border-color: var(--dark-border) !important;
}

body.dark .nav-link,
body.dark .nav-item a {
    color: var(--dark-text) !important;
    background-color: transparent !important;
}

body.dark .nav-link:hover,
body.dark .nav-link.active {
    background-color: var(--dark-hover) !important;
    color: var(--primary-color) !important;
}

/* Page Title and Headers */
body.dark .page-title h1,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: var(--dark-text) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

body.dark .page-title span {
    color: #e74c3c !important;
}

body.dark .page-title p {
    color: #a0a0a0 !important;
}

/* Timeline Items */
body.dark .timeline-item,
body.dark .timeline-content {
    background-color: var(--dark-card) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

body.dark .timeline-title {
    color: var(--dark-text) !important;
    font-size: 1.5rem !important;
    margin-bottom: 15px !important;
}

body.dark .timeline-date {
    color: #e74c3c !important;
    font-weight: bold !important;
}

/* Text Content */
body.dark p,
body.dark span,
body.dark div,
body.dark li,
body.dark ul,
body.dark ol {
    color: var(--dark-text) !important;
}

/* Links */
body.dark a {
    color: #3498db !important;
}

body.dark a:hover {
    color: #2980b9 !important;
}

/* Images */
body.dark img {
    border: 2px solid var(--dark-border) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Theme Switcher */
body.dark .theme-switcher {
    background: var(--dark-secondary) !important;
    border: 1px solid var(--dark-border) !important;
}

/* Section Headers */
body.dark .section-title {
    color: var(--dark-text) !important;
    border-bottom: 2px solid #e74c3c !important;
}

/* Lists */
body.dark ul li::before {
    color: #e74c3c !important;
}

/* Timeline Line */
body.dark .timeline::before {
    background: var(--dark-border) !important;
}

/* Variables */
:root {
    --dark-primary: #1a1a1a;
    --dark-secondary: #2d2d2d;
    --dark-card: #333333;
    --dark-hover: #3d3d3d;
    --dark-text: #f1f1f1;
    --dark-muted: #a0a0a0;
    --dark-border: #404040;
    --primary-color: #4CAF50;
}

/* Force override any inline styles */
body.dark [style*="color"],
body.dark [style*="background"],
body.dark [style*="background-color"] {
    color: var(--dark-text) !important;
    background-color: var(--dark-primary) !important;
}

/* Special elements that need different backgrounds */
body.dark .timeline-item,
body.dark .timeline-content,
body.dark .card,
body.dark .box {
    background-color: var(--dark-card) !important;
}

/* Ensure smooth transitions */
* {
    transition: all 0.3s ease !important;
}