/*=========================================================
 TWAL — PALETTE ET ROLES DE COULEUR

 Cette feuille definit le contrat utilise par les composants. Une variante
 surcharge des variables ; elle ne recopie jamais les regles des composants.
 =========================================================*/

:root {
    /*---------------------------------------------------------
     A.1 — Palette fondamentale

     Aucune declinaison claire ou sombre de la primaire n'est imposee :
     noir et blanc n'en auraient pas toujours une qui soit utile.
     ---------------------------------------------------------*/

    --tw-palette_light: #FFFFFF;
    --tw-palette_dark: #2F302A;
    --tw-palette_primary: var(--tw-variante_couleur, #455538);
    --tw-palette_secondary: #F5F1EA;
    --tw-palette_on-primary: #FFFFFF;

    /*---------------------------------------------------------
     A.2 — Roles fonctionnels calculables par une variante
     ---------------------------------------------------------*/

    --tw-color_accent-on-light: var(
        --tw-section-even_overline-color,
        var(--tw-palette_primary)
    );
    --tw-color_accent-on-dark: var(
        --tw-hero_overline-color,
        var(--tw-palette_on-primary)
    );
    --tw-color_highlight-bg: var(--tw-section-odd_bg, #F5F1EA);
    --tw-color_highlight-text: var(
        --tw-section-even_overline-color,
        var(--tw-palette_dark)
    );
    --tw-color_action-bg: var(--tw-color_accent-on-light);
    --tw-color_action-text: var(--tw-palette_on-primary);

    /*---------------------------------------------------------
     A.3 — Socle global
     ---------------------------------------------------------*/

    --tw-site_bg: #FBFCFA;
    --tw-color_text: var(--tw-palette_dark);
    --tw-color_muted: #686A64;
    --tw-color_heading: var(--tw-palette_dark);
    --tw-color_border: #E5E3DE;
    --tw-color_focus: var(--tw-color_accent-on-light);
    --tw-focus_width: 2px;
    --tw-focus_offset: 3px;

    /*---------------------------------------------------------
     A.4 — Hero
     ---------------------------------------------------------*/

    --tw-hero_bg: var(--tw-palette_primary);
    --tw-hero-secondaire_bg: var(--tw-palette_primary);
    --tw-hero_overline-color: var(--tw-palette_on-primary);
    --tw-hero_title-color: var(--tw-palette_on-primary);
    --tw-hero_lead-color: var(--tw-hero_text-color);
    --tw-hero_text-color: var(--tw-palette_on-primary);

    /*---------------------------------------------------------
     A.5 — Fonds neutres des sections et blocs

     Ces fonds font partie du socle TWAL : une variante définit l'identité
     colorée, elle ne modifie pas cette structure par défaut. Les réglages
     avancés « Fonds de ce site » peuvent les surcharger localement.
     ---------------------------------------------------------*/

    /* La première section après le Hero est impaire : elle reste donc la
     * plus claire. Les sections paires assurent l’alternance plus marquée. */
    --tw-fond-section-impaire: #FBFCFA;
    --tw-fond-section-paire: #F2F2F2;
    --tw-fond-interieur-section: #F6F7F6;
    --tw-fond-interieur-section-impaire: var(--tw-fond-interieur-section);
    --tw-fond-interieur-section-paire: var(--tw-fond-interieur-section);
    --tw-fond-bloc-presentation: transparent;
    --tw-fond-bloc: #FFFFFF;
    --tw-bordure-discrete: #E5E3DE;
    --tw-bordure-bloc: var(--tw-bordure-discrete);

    /* Variables historiques conservées pour les modules qui les lisent. */
    --tw-section-even_bg: var(--tw-fond-section-paire);
    --tw-section-even_inner-bg: var(--tw-fond-interieur-section-paire);
    --tw-section-even_overline-color: var(--tw-palette_primary);
    --tw-section-even_title-color: var(--tw-color_heading);
    --tw-section-even_lead-color: var(--tw-color_text);
    --tw-section-even_text-color: var(--tw-color_text);

    --tw-section-odd_bg: var(--tw-fond-section-impaire);
    --tw-section-odd_inner-bg: var(--tw-fond-interieur-section-impaire);
    --tw-section-odd_overline-color: var(--tw-color_accent-on-light);
    --tw-section-odd_title-color: var(--tw-color_heading);
    --tw-section-odd_lead-color: var(--tw-color_text);
    --tw-section-odd_text-color: var(--tw-color_text);

    --tw-section_inner-bg: var(--tw-fond-interieur-section);
    --tw-section-cards_inner-bg: var(--tw-fond-bloc-presentation);
    --tw-section_overline-color: var(--tw-color_accent-on-light);
    --tw-section_title-color: var(--tw-color_heading);
    --tw-section_lead-color: var(--tw-color_text);
    --tw-section_text-color: var(--tw-color_text);

    /*---------------------------------------------------------
     A.6 — Pied de page
     ---------------------------------------------------------*/

    --tw-footer_bg: var(--tw-hero_bg);
    --tw-footer_color: var(--tw-hero_text-color);
    --tw-footer_link-color: var(--tw-hero_text-color);

    /*---------------------------------------------------------
     A.7 — Boutons de contenu
     ---------------------------------------------------------*/

    --tw-button_bg: var(--tw-palette_light);
    --tw-button_bg-hover: var(--tw-palette_light);
    --tw-button_color: var(--tw-color_accent-on-light);
    --tw-button_color-hover: var(--tw-color_accent-on-light);
    --tw-button_icon-bg: var(--tw-color_action-bg);
    --tw-button_icon-color: var(--tw-color_action-text);
    --tw-button_shadow: 0 10px 24px rgba(0, 0, 0, .06);
    --tw-button_shadow-hover: 0 14px 30px rgba(0, 0, 0, .10);

    /*---------------------------------------------------------
     A.8 — Cartes
     ---------------------------------------------------------*/

    --tw-card_bg: var(--tw-fond-bloc);
    --tw-card_border-color: var(--tw-bordure-bloc);
    --tw-card_title-color: var(--tw-color_heading);
    --tw-card_color: var(--tw-color_text);

    /*---------------------------------------------------------
     A.9 — Formulaires
     ---------------------------------------------------------*/

    --tw-form-field_bg: var(--tw-palette_light);
    --tw-form-field_color: var(--tw-palette_dark);
    --tw-form-field_border-color: var(--tw-color_border);
    --tw-form-placeholder_color: var(--tw-color_muted);
}