/**
 * FEPRAFO — Palette de couleurs centralisée
 *
 * Variables CSS définies au niveau :root pour être accessibles partout.
 * Modifier ce fichier = défaut. L'éditeur live (panneau 🎨) surcharge ces
 * variables via un <style> injecté en fin de <head> (option feprafo_palette).
 *
 * 8 couleurs pilotées par l'éditeur :
 *  - Bleu principal      -> --fep-blue-light
 *  - Bleu foncé / navy   -> --fep-blue-dark (+ --fep-blue-light-dark, --fep-blue-darker)
 *  - Boutons CTA         -> --fep-green (+ hover/dark + --fep-gradient-green)
 *  - Titres              -> --fep-text-dark
 *  - Texte courant       -> --fep-text-light
 *  - Fond du hero        -> --fep-hero-bg
 *  - Fond des sections   -> --fep-bg-light
 *  - Fond des cartes     -> --fep-bg-white
 */
:root {
    /* ============= COULEURS PRINCIPALES ============= */
    --fep-blue-light:        #4A8BC2;
    --fep-blue-light-hover:  #3a7aab;
    --fep-blue-light-dark:   #2C5F8D;
    --fep-blue-dark:         #2C5F8D;
    --fep-blue-darker:       #1e4a6b;
    /* CTA (slot "boutons") */
    --fep-green:             #7CB342;
    --fep-green-hover:       #6aa033;
    --fep-green-dark:        #558b2f;
    --fep-green-light:       #aed581;
    /* ============= DÉGRADÉS ============= */
    --fep-gradient-blue:     linear-gradient(135deg, #4A8BC2 0%, #2C5F8D 100%);
    --fep-gradient-green:    linear-gradient(135deg, #7CB342 0%, #558b2f 100%);
    /* ============= NEUTRES / FONDS ============= */
    --fep-hero-bg:           #F8F7F3;   /* fond crème du hero (éditable) */
    --fep-bg-light:          #f8fafc;   /* fond des sections claires (éditable) */
    --fep-bg-white:          #ffffff;   /* fond des cartes (éditable) */
    --fep-border:            #e8eaed;
    --fep-border-light:      #eef2f7;
    --fep-text-dark:         #1c1e21;   /* titres (éditable) */
    --fep-text-medium:       #4b5563;
    --fep-text-light:        #6b7280;   /* texte courant (éditable) */
    --fep-text-muted:        #94a3b8;
    /* ============= OMBRES ============= */
    --fep-shadow-blue:       0 8px 20px rgba(74,139,194,.35);
    --fep-shadow-blue-hover: 0 12px 28px rgba(74,139,194,.45);
    --fep-shadow-green:      0 8px 20px rgba(124,179,66,.35);
    --fep-shadow-green-hover:0 12px 28px rgba(124,179,66,.45);
    --fep-shadow-card:       0 2px 8px rgba(0,0,0,.04);
    --fep-shadow-card-hover: 0 16px 32px rgba(74,139,194,.12);
    /* ============= STATUTS ============= */
    --fep-success:           #10b981;
    --fep-error:             #ef4444;
    --fep-warning:           #f59e0b;
}