:root {
  --forest:      #1A1A1A;
  /*--forest-80:   rgba(127,143,0,0.8);*/
  /*--forest-60:   rgba(127,143,0,0.6);*/
  /*--forest-40:   rgba(127,143,0,0.4);*/
  --forest1:      #7f8f00;
  --lime:        #efd352;
  --lime-deep:   #efd352;
  --ocean:       #6fcaff;*/
  --ocean-deep:  #5CA9D6;*/
  /*--amber:       #feed9d;*/
  /*--mint:        #F2F2F2;*/
  /*--mint-deep:   #E7EED7;*/
  /*--white:       #FFFFFF;*/

  --font-display: 'Space Grotesk', -apple-system, sans-serif;
  --font-body: 'Manrope', -apple-system, sans-serif;

  --r-sm: 14px;
  --r-md: 22px;
  --r-lg: 32px;
  --r-pill: 999px;

  --shadow-card: 0 20px 50px -20px rgba(16,35,28,0.22);
  --shadow-card-hover: 0 26px 60px -18px rgba(16,35,28,0.32);
}

.v3-hero-card, .v3-section.on-forest, .v3-footer {
    background: var(--forest1);
}

.bento-tag.g {
    background: var(--forest1);
}

.v3-ring-badge img {
            position: relative;
            border-radius: 50%;
          }

/* ---------- Cobranding (logos AIST + Trésor Bénin) ---------- */
.v3-cobrand { display:flex; align-items:center; gap:0.7rem; padding-left:0.7rem; margin-left:0.2rem; border-left:1px solid var(--mint-deep); }
.v3-cobrand img { height:30px; width:auto; display:block; }
@media (max-width: 991px) {
  .v3-cobrand { /*display:none;*/ }
}

.v3-footer-logos { display:flex; align-items:center; gap:1.5rem; margin-bottom:1.25rem; flex-wrap:wrap; }
.v3-footer-logos img { height:44px; width:auto; background:rgba(255,255,255,0.92); padding:6px 10px; border-radius:10px; }

/* ---------- Grille des drapeaux (pays membres AIST) ---------- */
.v3-flags-title { font-family: var(--font-body); font-size:0.68rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color: rgba(255,255,255,0.55); margin: 0 0 0.75rem; }
.v3-flags-grid { display:flex; flex-wrap:wrap; gap:0.55rem; }
.v3-flag-chip {
  display:flex; align-items:center; gap:0.4rem;
  background: rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.14);
  border-radius: var(--r-pill); padding: 0.3rem 0.65rem 0.3rem 0.3rem;
}
.v3-flag-chip img { width:22px; height:16px; object-fit:cover; border-radius:3px; display:block; box-shadow:0 0 0 1px rgba(255,255,255,0.2); }
.v3-flag-chip span { font-size:0.68rem; font-weight:600; color: rgba(255,255,255,0.75); white-space:nowrap; }

@media (max-width: 560px) {
  .v3-flag-chip span { display:none; }
  .v3-flag-chip { padding:0.3rem; border-radius:50%; }
}