/* ============================================================
   apropos-refonte.css  —  À charger APRÈS apropos.css (a-propos.html)
   ============================================================ */

/* Alternance : genèse (blanc) / collectif (tint) / valeurs (foncé) /
   recrutement (blanc) / partenariat MS (tint). Poser .sec--* sur les wrappers. */

/* Tous les eyebrows de la page en orange, y compris sur fond foncé (valeurs).
   Spécificité renforcée (.sec--* .section-tagline) pour battre .sec--tint p / .sec--white p
   de global-refonte.css qui sinon écrasent la couleur du <p class="section-tagline">. */
.sec--white .section-tagline,
.sec--tint .section-tagline,
.sec--dark .section-tagline,
.section-tagline{ color:var(--color-orange); }

.genese-section{ background:var(--color-white); }
.genese-section .section-title,
.genese-section .mission-text{ color:var(--color-ink); }
.genese-section .mission-text p{ color:var(--color-ink-secondary); }
.genese-section .stat-card{ background:var(--color-surface); border-color:color-mix(in srgb, var(--color-bg-main) 10%, transparent); }
.genese-section .stat-card .counter{ color:var(--color-orange); }
.genese-section .stat-card .stat-label{ color:var(--color-ink-secondary); }

/* Bloc anecdote "Castle Frog" : carte FONCÉE mise en avant + logo grenouille */
.genese-note{
  background:linear-gradient(135deg,#1d3f71,#12233f);
  border:1px solid color-mix(in srgb, var(--color-blue-light) 20%, transparent);
  border-radius:20px;
  padding:clamp(24px,3vw,32px);
  color:var(--color-white);
  box-shadow:0 24px 60px color-mix(in srgb, var(--color-bg-main) 25%, transparent);
}
/* Spécificité renforcée pour battre .sec--white p / .sec--tint p de
   global-refonte.css, qui sinon écrasent le blanc ci-dessus sur le <p>. */
.genese-note p{ color:var(--color-white); }
/* (Ajouter dans le HTML l'image Logo_CastleFrog_Gradient.svg à gauche du texte, cf. prototype.) */

.founders-section{ background:var(--color-surface-alt); border-top:1px solid color-mix(in srgb, var(--color-bg-main) 8%, transparent); border-bottom:1px solid color-mix(in srgb, var(--color-bg-main) 8%, transparent); }
.founders-section .section-title{ color:var(--color-ink); }
.collective-card, .founder-card{ background:var(--color-white); border:1px solid color-mix(in srgb, var(--color-bg-main) 10%, transparent); }
.collective-card h3, .founder-card .founder-name{ color:var(--color-ink); }
.collective-card p, .founder-card .founder-bio{ color:var(--color-ink-secondary); }
.collective-icon{ color:var(--color-orange); }
.founder-role{ color:var(--color-orange); }

.recrutement-teaser{ background:var(--color-white); }
.recrutement-teaser .join-block{ background:var(--color-surface); border:1px solid color-mix(in srgb, var(--color-bg-main) 10%, transparent); border-radius:24px; }
.recrutement-teaser h2{ color:var(--color-ink); }
.recrutement-teaser p{ color:var(--color-ink-secondary); }

.ms-partner-section{ background:var(--color-surface-alt); border-top:1px solid color-mix(in srgb, var(--color-bg-main) 8%, transparent); }
.ms-partner-section .section-title{ color:var(--color-ink); }
.ms-partner-section p{ color:var(--color-ink-secondary); }

/* CTA final identique à l'accueil (bouton orange sur carte foncée) — voir home-refonte.css */