/* ========================================
   CASA17 - Theme Light (Exact from index.html)
   Version: 2.0
   Description: Variables et styles exacts du thème clair de l'index.html
   ======================================== */

.theme-light, :root {
    --color-primary: var(--casa17-vert-fonce);
    --color-secondary: var(--casa17-orange-vif);
    --bg-primary: var(--casa17-blanc);
    --bg-secondary: var(--casa17-vert-pastel);
    --bg-topbar: var(--casa17-blanc);
    --bg-card: var(--casa17-blanc);
    --bg-footer: var(--casa17-vert-fonce);
    --text-primary: var(--casa17-noir);
    --text-secondary: #4b5563;
    --text-title: #d45a00; /* Orange plus foncé pour les titres de section */
    --text-inverse: var(--casa17-blanc);
    --border-color: var(--casa17-vert-fonce);
    --hover-bg: rgba(34, 94, 100, 0.1);
    --hover-text: var(--casa17-vert-fonce);
    --btn-bg: var(--casa17-vert-fonce);
    --btn-text: var(--casa17-blanc);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --card-title-color: #2d8bb5; /* Bleu plus foncé pour les titres de cartes */
}

/* Styles spécifiques au thème clair appliqués via les variables CSS */
.theme-light {
    /* Toutes les couleurs sont gérées par les variables CSS ci-dessus */
    /* Le style de base utilise ces variables automatiquement */
}

/* Cartes en thème clair - fond gris 20% plus foncé pour titres et boutons */
.theme-light .card-header {
    background: rgba(34, 94, 100, 0.2);
}

.theme-light .card-footer {
    background: rgba(34, 94, 100, 0.2);
}

/* Hover effects pour les sections en thème clair */
.theme-light .section:hover {
    background: var(--hover-bg);
}

/* Collapse toggle en thème clair */
.theme-light .collapse-toggle {
    color: var(--casa17-vert-fonce);
    background: rgba(34, 94, 100, 0.1);
}

.theme-light .collapse-toggle:hover {
    background: var(--casa17-vert-fonce);
    color: var(--casa17-blanc);
}

/* Scrollbar pour le thème clair */
.theme-light ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.theme-light ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

.theme-light ::-webkit-scrollbar-thumb {
    background: var(--casa17-vert-fonce);
    border-radius: 6px;
}

.theme-light ::-webkit-scrollbar-thumb:hover {
    background: var(--casa17-orange-vif);
}

/* Selection en thème clair */
.theme-light ::selection {
    background: var(--casa17-bleu-bulle);
    color: var(--casa17-gris-clair);
}