/* =================================================================
   THEME.CSS
   Gestion exclusive des couleurs Dark Mode (Repaint only)
   Aucun changement de layout (padding/margin) ici.
   ================================================================= */


/* Accordéons (Experience) */
html.dark-theme .accordion-item { 
    border-bottom-color: #333; 
}
html.dark-theme .accordion-header { 
    color: #f0f0f0 !important; 
}
html.dark-theme .accordion-header:hover { 
    background-color: #1f1f1f; 
}
html.dark-theme .accordion-header::after { 
    color: #666; 
}
html.dark-theme .accordion-header.active::after { 
    color: #fff; 
}

/* Textes Expérience */
html.dark-theme .exp-header,
html.dark-theme .exp-role strong { 
    color: #fff; 
}
html.dark-theme .exp-where, 
html.dark-theme .exp-where strong { 
    color: #bbb; 
}
html.dark-theme .exp-date { 
    color: var(--accent-color) !important; 
}
html.dark-theme .exp-desc { 
    color: #d4d4d4; 
}
html.dark-theme .exp-detail { 
    color: #999; 
}

/* Timeline et Skills */
html.dark-theme .experience-timeline::before { 
    border-left-color: #444; 
}
html.dark-theme .timeline-marker::after { 
    background-color: #141414; 
    border-color: var(--accent-color); 
}
html.dark-theme .skill-desc { 
    color: #d4d4d4 !important; 
}
html.dark-theme .skills-section ul li { 
    color: #bbb; 
}

/* Formulaire de contact */
html.dark-theme .contact-form input,
html.dark-theme .contact-form textarea {
    background-color: #1e1e1e; 
    border-color: #333; 
    color: #eee;
}
html.dark-theme .contact-form input:focus,
html.dark-theme .contact-form textarea:focus { 
    border-color: #666; 
}
html.dark-theme .contact-form button { 
    background-color: #333; 
    color: #fff; 
}
html.dark-theme .contact-form button:hover { 
    background-color: #444; 
}
html.dark-theme .back-home a { 
    color: #666; 
}
html.dark-theme .back-home a:hover { 
    color: #fff; 
}