/* 
   Thème Visuel pour le module : Conflits & Résolution
   Couleurs : Nuances de Vert (Profond, Menthe, Pâle) pour apaiser.
*/

:root {
    --exo-primary: #2d6a4f;         /* Vert sapin (encadrés, accents) */
    --exo-primary-dark: #1b4332;    /* Vert très foncé (Titre, questions) */
    --exo-primary-light: #40916c;   /* Vert moyen */
    --exo-secondary: #74c69d;       /* Vert d'eau (Bordures secondaires, lignes) */
    
    --exo-bg-page: #dcf3d0;         /* Vert anis/lime très pâle (Fond du Hub de l'Exo) */
    --exo-paper: #ffffff;           /* Fond blanc des zones de texte / cartes */
    --exo-text: #2f3e46;            /* Gris-vert très foncé pour le corps */
    
    --exo-border: #95d5b2;
    --exo-shadow: 0 4px 15px rgba(27, 67, 50, 0.08);
}

/* Surcharge générale du corps de page */
body {
    background-color: var(--exo-bg-page) !important;
    background-image: 
        radial-gradient(circle at 100% 0%, rgba(116, 198, 157, 0.1) 0%, transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(64, 145, 108, 0.08) 0%, transparent 25%);
}



/* Surcharge des conteneurs pour ce thème */
.reflection-block {
    background: rgba(255, 255, 255, 0.95);
    border-left: 5px solid var(--exo-primary-light);
}

/* Lignes du cahier */
.exo-textarea.large {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 29px, rgba(116, 198, 157, 0.3) 30px);
}
.exo-textarea:focus {
    box-shadow: 0 0 0 3px rgba(45, 106, 79, 0.15);
    background-image: linear-gradient(rgba(255, 255, 255, 0) 29px, rgba(45, 106, 79, 0.3) 30px);
}