/* Fichier: css/dark-mode.css */
/* Description: Styles CSS pour le mode sombre (v2). */

html.dark-mode {
    /* Redéfinir les variables globales pour le mode sombre */
    --light-bg: #1a1a1a; /* Fond très sombre */
    --white-bg: #2c2c2c; /* Fond des cartes */
    --dark-text: #e0e0e0; /* Texte clair */
    --light-text: #a0a0a0; /* Texte secondaire */
    --border-color: #444444;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    /* Appliquer les variables de base */
    background-color: var(--light-bg);
    color: var(--dark-text);
}

/* --- Composants spécifiques --- */

html.dark-mode .top-bar,
html.dark-mode .site-header {
    background-color: var(--white-bg);
    border-bottom-color: var(--border-color);
}

html.dark-mode .dropdown-menu {
    background-color: var(--white-bg);
    border-color: var(--border-color);
}

html.dark-mode .dropdown-menu a {
    color: var(--dark-text);
}

html.dark-mode .dropdown-menu a:hover {
    background-color: #3c3c3c;
}

html.dark-mode .site-title {
    color: var(--primary-color);
}

html.dark-mode .verification-card {
    background-color: var(--white-bg);
    box-shadow: var(--shadow);
}

html.dark-mode .verification-card h1 {
    color: #f0f0f0;
}

html.dark-mode .verification-form input[type="text"] {
    background-color: #3a3a3a;
    color: var(--dark-text);
    border-color: var(--border-color);
}

html.dark-mode .message-box.error {
    background-color: #721c24;
    color: #f8d7da;
}

html.dark-mode .results-card.success .results-header {
    background-color: #1e7e34;
}

html.dark-mode .results-card.error .results-header {
    background-color: #a71d2a;
}

html.dark-mode .results-body {
    border-color: var(--border-color);
}

html.dark-mode .result-item {
    border-bottom-color: var(--border-color);
}

html.dark-mode .result-item strong {
    color: var(--dark-text);
}

html.dark-mode .site-footer-bottom {
    color: var(--light-text);
}

html.dark-mode .site-footer-bottom a {
    color: var(--primary-color);
}