/* Styles pour le mode sombre */
body.dark-mode {
    --bg-color: #2c2c2c;
    --text-color: #e0e0e0;
    --container-bg: #3a3a3a;
    --container-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    --header-bg: #1a4d7c;
    --header-text: #f0f0f0;
    --nav-bg: #444;
    --nav-link-color: #9cb3cc;
    --nav-link-hover-bg: #555;
    --table-border-color: #555;
    --table-header-bg: #1a4d7c;
    --table-header-text: #fff;
    --table-row-even-bg: #333;
    --button-primary-bg: #0056b3;
    --button-primary-hover-bg: #004085;
    --button-secondary-bg: #5a6268;
    --button-secondary-hover-bg: #43484f;
    --button-danger-bg: #a71d2a;
    --button-danger-hover-bg: #7a151f;
    --status-revoked-color: #ff6666;
    --status-active-color: #66ff66;
    --message-success-color: #a3e6a3;
    --message-error-color: #ff9999;
    --input-border: #666;
    --input-focus-border: #007bff;
    --button-logout-bg: #d32f2f; /* Ajusté pour le mode sombre, peut-être plus sombre que le danger normal */
    --button-logout-hover-bg: #b71c1c;
    --message-success-bg: #2a4f2a; /* Exemple, à ajuster */
    --message-success-border-color: #385e38; /* Exemple, à ajuster */
    --message-error-bg: #5f2929; /* Exemple, à ajuster */
    --message-error-border-color: #723737; /* Exemple, à ajuster */
    --table-row-hover-bg: rgba(255, 255, 255, 0.08); /* Plus clair en mode sombre */
    --certificate-entry-border-color: #4a4a4a; /* Plus foncé pour le mode sombre */
    --footer-bg: #1a1a1a; /* Déjà présent, juste vérifier */
    --footer-text-color: #ccc; /* Déjà présent, juste vérifier */
    --revoked-cert-text-color: #aaa; /* Déjà présent, juste vérifier */
    --revoked-cert-bg-color: #5c2c2c; /* Déjà présent, juste vérifier */
    --revoked-cert-hover-bg-color: #703c3c; /* Déjà présent, juste vérifier */
}

/* Spécifiques pour les inputs en mode sombre */
body.dark-mode form input[type="text"],
body.dark-mode form input[type="password"],
body.dark-mode form select {
    background-color: #4a4a4a;
    color: var(--text-color);
    border: 1px solid var(--input-border);
}

body.dark-mode form input[type="text"]:focus,
body.dark-mode form input[type="password"]:focus,
body.dark-mode form select:focus {
    border-color: var(--input-focus-border);
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
}