/* descogef-theme.css : charte descogef.org (surcharge des variables de styles.css).
   Chargée APRÈS styles.css dans Layout.astro. Re-habille toutes les pages internes à la
   charte de la maquette UEMOA : fond clair, titres Newsreader, accent vert #158A4E, bande
   panafricaine vert / or / rouge (--afr-*). Design institutionnel (le concurrent commercial
   est un simple revendeur payant : on sur-positionne).  */
:root {
  --accent: #B07E00;   /* or (accent principal du site : eyebrows, liens, onglets, boutons) */
  --accent2: #8A6200;  /* or foncé (dégradés, hover) */
  --ink: #0A1120;      /* navy profond : surfaces sombres (hero, header, footer) */
  --encre: #14243E;
  --bg: #FDFCFA;       /* fond clair très légèrement chaud */
  --card: #FFFFFF;
  --card2: #F6F3EC;
  --text: #33404F;
  --heading: #14243E;
  --muted: #6B7688;
  --line: #ECE7DD;
  --ok: #158A4E;
  --okbg: #E4F3EA;
  --warn: #B4841A;
  --warnbg: #FBF1D6;
  --bad: #C1272D;
  --badbg: #FBE7E7;
  --shadow: 0 1px 3px rgba(10, 17, 32, .06), 0 12px 30px rgba(10, 17, 32, .07);
  --shadow-strong: 0 20px 50px rgba(10, 17, 32, .18);
  --radius: 14px;
  --radius-lg: 22px;
  --font-sans: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Bande panafricaine (UEMOA) — réutilisée par le hero, les séparateurs et le footer. */
  --afr-green: #158A4E;
  --afr-gold: #E8A400;
  --afr-red: #C1272D;
  --afr-orange: #EF7D00;
}

/* Variante sombre : navy cohérent (le toggle de thème reste fonctionnel). */
:root[data-theme="dark"] {
  --accent: #E8A400;
  --accent2: #F2C25A;
  --ink: #060B15;
  --encre: #EAF0FB;
  --bg: #0A1120;
  --card: #131C2E;
  --card2: #1B273D;
  --text: #D7E0F0;
  --heading: #F1F5FC;
  --muted: #93A0B8;
  --line: #26324A;
  --ok: #35B26F;
  --okbg: #113022;
  --warn: #E8A400;
  --warnbg: #33280F;
  --bad: #E5645A;
  --badbg: #3A1A1A;
  --shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 10px 30px rgba(0, 0, 0, .35);
  --shadow-strong: 0 18px 50px rgba(0, 0, 0, .55);
}

/* Bande drapeau UEMOA réutilisable : <span class="afr-stripe"><i></i><i></i><i></i></span> */
.afr-stripe { display: flex; height: 6px; width: 100%; }
.afr-stripe > i { flex: 1; display: block; }
.afr-stripe > i:nth-child(1) { background: var(--afr-green); }
.afr-stripe > i:nth-child(2) { background: var(--afr-gold); }
.afr-stripe > i:nth-child(3) { background: var(--afr-red); }