/* === Thème Morelle Fondation (à partir de la charte graphique) ===
   Remplacez les valeurs par celles de la charte (HEX/RGB).
   Exemple: --mf-primary: #0A77FF; --mf-accent: #FFD166; etc.
*/
:root{
  --mf-primary: #1b6ef3;    /* Couleur primaire */
  --mf-secondary: #0b1b33;  /* Couleur secondaire / texte fort */
  --mf-accent: #22c55e;     /* Accent (boutons secondaires, badges) */
  --mf-muted: #64748b;      /* Texte secondaire */
  --mf-bg: #ffffff;         /* Fond */
  --mf-surface: #f5f7fb;    /* Surfaces claires */
}

/* Mapping Bootstrap */
.btn-primary{ background-color: var(--mf-primary); border-color: var(--mf-primary); }
.btn-primary:hover{ filter: brightness(0.95); }

.text-primary{ color: var(--mf-primary)!important; }
.bg-primary{ background-color: var(--mf-primary)!important; }
.border-primary{ border-color: var(--mf-primary)!important; }

/* Titres & éléments UI */
h1,h2,h3,h4,h5{ color: var(--mf-secondary); }
.navbar-brand, .nav-link{ color: var(--mf-secondary); }
.navbar .nav-link.active{ color: var(--mf-primary)!important; }
.logo-strip img{ filter: grayscale(100%); opacity:.9; }
.logo-strip img:hover{ filter:none; opacity:1; }

/* Hero overlay to match brand mood */
.hero-img{ filter: brightness(0.78) saturate(1.05); }
.carousel-caption h1,.carousel-caption h2{ text-shadow: 0 2px 18px rgba(0,0,0,.25); }

/* Badges / Accent */
.badge.text-bg-success{ background-color: var(--mf-accent)!important; color: #0b1b33; }