/* 
   Thème Visuel pour le module : Intimité / Connexion Authentique
   Couleurs : Nuances de Vert Olive, Tilleul et Citron vert doux.
*/

:root {
    --exo-primary: #558b2f;         /* Vert Olive (encadrés, accents) */
    --exo-primary-dark: #33691e;    /* Vert très foncé (Titre, questions) */
    --exo-primary-light: #8bc34a;   /* Vert clair/citron vert */
    --exo-secondary: #c5e1a5;       /* Vert d'eau/lime (Bordures secondaires, lignes) */
    
    --exo-bg-page: #eaf6d9;         /* Vert 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: #aed581;
    --exo-shadow: 0 4px 15px rgba(51, 105, 30, 0.08);
}

/* Surcharge générale du corps de page */
body[data-exercice-id^="int-"] {
    background-color: var(--exo-bg-page) !important;
    background-image: 
        radial-gradient(circle at 100% 0%, rgba(139, 195, 74, 0.1) 0%, transparent 25%),
        radial-gradient(circle at 0% 100%, rgba(85, 139, 47, 0.08) 0%, transparent 25%);
    color: var(--exo-text);
}

body[data-exercice-id^="int-"] .header.client-header {
    background: transparent;
}
body[data-exercice-id^="int-"] .header.client-header.scrolled {
    background: linear-gradient(135deg, var(--exo-primary-dark) 0%, var(--exo-primary) 100%);
}

body[data-exercice-id^="int-"] .exo-hero .title {
    font-family: var(--font-heading);
    color: var(--exo-primary-dark);
    font-size: 3.5rem;
    letter-spacing: 2px;
    margin-bottom: 0.5rem;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
}

/* Surcharge des conteneurs pour ce thème */
body[data-exercice-id^="int-"] .reflection-block {
    background: rgba(255, 255, 255, 0.95);
    border-left: 5px solid var(--exo-primary-light);
}

/* Lignes du cahier */
body[data-exercice-id^="int-"] .exo-textarea {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 29px, rgba(139, 195, 74, 0.3) 30px);
}
body[data-exercice-id^="int-"] .exo-textarea:focus {
    box-shadow: 0 0 0 3px rgba(85, 139, 47, 0.15);
    background-image: linear-gradient(rgba(255, 255, 255, 0) 29px, rgba(85, 139, 47, 0.3) 30px);
}