/* public/css/theme_clair.css */
:root {
    --bg-color: #f8f9fa; /* Fond légèrement gris */
    --text-color: #212529; /* Texte noir standard */
    --primary-color: #0d6efd; /* Bleu Bootstrap */
    --primary-color-rgb: 13, 110, 253; /* Pour box-shadow */
    --secondary-color: #6c757d; /* Gris secondaire */
    --success-color: #198754; /* Vert */
    --warning-color: #ffc107; /* Jaune */
    --danger-color: #dc3545; /* Rouge */
    --info-color: #0dcaf0; /* Cyan */
    --light-gray: #f8f9fa;
    --medium-gray: #e9ecef;
    --dark-gray: #6c757d;
    --border-color: #dee2e6;
    --link-color: #0d6efd;

    --nav-bg: #ffffff; /* Navbar blanche */
    --nav-text: #333333; /* Texte navbar foncé */
    --nav-hover-bg: #f1f1f1; /* Fond hover léger */
    --nav-border-bottom: 3px solid var(--primary-color);

    --button-text-color: #ffffff;
    --button-border-radius: 0.25rem;
    --form-border-radius: 0.25rem;
    --section-border-radius: 0.3rem;
    --table-header-bg: #e9ecef;
}

/* Optionnel: Styles spécifiques au thème clair si besoin */
body {
    background-color: var(--bg-color);
}
.container {
    background-color: #ffffff; /* Contenu sur fond blanc */
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.section {
     background-color: #ffffff; /* Sections blanches aussi */
     border: 1px solid #e9ecef;
}