/* ═══════════════════════════════════════════════════════════════
   CONTEXTES SOMBRES : bascule automatique de la palette
   L'accent est désormais un bleu franc : excellent en aplat sur fond
   clair, illisible en TEXTE sur fond sombre. Plutôt que corriger une
   trentaine de règles une par une, on redéfinit les variables à
   l'intérieur des conteneurs sombres : toutes les règles filles
   suivent automatiquement.
   ═══════════════════════════════════════════════════════════════ */

.footer,
.product-how,
.product-cta,
.section-demo,
.section-flagship,
.section-citation,
.expertise-custom,
.pricing-card-setup,
.persona-card.featured,
.pole-card.featured,
.page-section.on-dark,
.lb-apercu,
.photo-band,
.team-reseau,
.topbar {
  --accent-600: var(--accent-400);   /* accent lisible sur sombre */
  --accent-500: var(--accent-400);
  --accent-700: var(--accent-100);
  --ink-900: #FFFFFF;              /* ces tokens ne servent plus que de texte ici */
  --ink-800: var(--accent-100);
  --ink-700: var(--ink-300);
  --ink-500: var(--ink-300);
  --ink-400: var(--ink-300);
  --sur-accent: var(--bleu-900);   /* un bouton accent y devient clair : texte foncé */
}

/* Le bouton principal garde son aplat franc, même dans une zone sombre */
.footer .btn-primary,
.product-cta .btn-primary,
.section-demo .btn-primary,
.page-section.on-dark .btn-primary {
  background: var(--bleu-700);
  border-color: var(--bleu-700);
  color: #FFFFFF;
}