/* =====================================================================
   CHARTE GRAPHIQUE — L'AFRICAINE DES ASSURANCES
   Source : « New_charte_graphique_AA_04032014 » (charte officielle)
   Fichier de référence PARTAGÉ par toutes les applications 2ACI
   (ORIZON Comms / Connect / Insight / Sinistres / AssurDoc / Réclamations).

   ⚠️ Ne pas modifier les valeurs institutionnelles sans accord du
   Service Marketing & Communication.
   ===================================================================== */

:root {
  /* ---- Couleurs institutionnelles (primaires) — charte §1.04 ---- */
  --aa-vert:        #33B04A;   /* Pantone 361 C — CMYK 77/2/100/0 — RGB 51,176,74  */
  --aa-jaune:       #EDE947;   /* Pantone 394 C — CMYK 10/0/85/0                   */
  --aa-noir:        #231F20;   /* Pantone Hexachrome Black C — RGB 35,31,32        */

  /* Déclinaisons utilitaires du vert (dérivées, pour états/dégradés UI) */
  --aa-vert-fonce:  #268239;
  --aa-vert-tres-fonce: #1B5F29;
  --aa-vert-clair:  #E8F6EB;   /* fond très clair (cartes, surlignage)             */

  /* Déclinaison du jaune (accent — à utiliser avec parcimonie) */
  --aa-jaune-fonce: #C9C21E;   /* jaune lisible sur fond blanc (texte/icône)       */
  --aa-jaune-clair: #FDFCE3;

  /* ---- Neutres (dérivés du noir institutionnel) ---- */
  --aa-encre:       #231F20;
  --aa-gris-fort:   #5A5A5C;
  --aa-gris:        #8C8C8E;
  --aa-gris-clair:  #E3E5E3;
  --aa-fond:        #F6F8F6;
  --aa-blanc:       #FFFFFF;

  /* ---- Couleurs sémantiques (états applicatifs) ----
     NB : hors charte (usage interne UI). Le succès reprend le vert institutionnel. */
  --aa-succes:      var(--aa-vert);
  --aa-alerte:      #E08C00;
  --aa-erreur:      #C0392B;
  --aa-info:        #2563EB;

  /* ---- Typographie — charte §1.06 ----
     Police officielle : famille FUTURA. Futura n'étant pas une police web,
     on utilise une pile de substitution géométrique (Century Gothic est le
     substitut le plus proche et le plus répandu). */
  --aa-police: "Futura", "Futura PT", "Century Gothic", "Avenir Next", "Avenir",
               "Trebuchet MS", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* Slogan uniquement (« Le sens de l'engagement ») — charte : Brush Script MT */
  --aa-police-slogan: "Brush Script MT", "Segoe Script", "Bradley Hand", cursive;

  /* ---- Structure graphique — charte §2.01 ----
     Bandeaux/lignes obliques : 123° et -123° (vertical), -6° (horizontal). */
  --aa-oblique:      123deg;
  --aa-oblique-inv: -123deg;
  --aa-oblique-h:     -6deg;
}

/* Slogan institutionnel */
.aa-slogan {
  font-family: var(--aa-police-slogan);
  color: var(--aa-vert);
  font-size: 1.05rem;
}

/* Bandeau oblique signature (structure graphique de la charte) */
.aa-bandeau {
  background: linear-gradient(var(--aa-oblique), var(--aa-vert) 0%, var(--aa-vert-fonce) 100%);
}
.aa-filet-oblique {
  height: 6px;
  background: linear-gradient(var(--aa-oblique-h), var(--aa-vert) 0%, var(--aa-vert) 60%, var(--aa-jaune) 60%, var(--aa-jaune) 100%);
}