/* ------------------------------------------------------------------
   CHARTE_ECOLE_20260908 — l'univers école en noir, le bordeaux en appui.
   Le KLUB ne reçoit jamais cette feuille : elle n'est chargée que sur
   les pages de l'école (formations.kust.fr).
   ------------------------------------------------------------------ */
:root{
  --noir:#0a0a0a;
  --noir-doux:#161412;
  --bordeaux:#7a0c14;
  --bordeaux-vif:#a31524;

  /* Les fonds et les traits de structure passent au noir profond. */
  --red:#0a0a0a;
  --red-deep:#000000;
  --red-bright:#a31524;      /* l'accent d'attention reste bordeaux */
  --red-wash:#E4DED3;        /* les lavis roses deviennent des gris chauds */
  --red-tint:#EDE7DC;
}

/* --- Le bordeaux revient partout où il y a une action ou un accent --- */
.eyebrow{color:var(--bordeaux)}
.eyebrow::before{background:var(--bordeaux)}
h2 em{color:var(--bordeaux)}
.lien{color:var(--bordeaux)}
.nav-links a:hover{color:var(--bordeaux)}

.btn-red{background:var(--bordeaux);border-color:var(--bordeaux)}
.btn-red:hover{background:var(--noir);border-color:var(--noir)}
.btn-join{background:var(--bordeaux)}
.btn-join:hover{background:var(--noir)}
.btn-line{border-color:var(--bordeaux);color:var(--bordeaux)}
.btn-line:hover{background:var(--bordeaux);color:#fff}
.btn-white{color:var(--bordeaux)}
.t-btn{color:var(--bordeaux)}

.fgo,.favec,.fgroupe-n{color:var(--bordeaux)}
.fmembre{border-left-color:var(--bordeaux)}
.fmembre.off{color:var(--bordeaux)}
.fbadge.off{background:var(--bordeaux);color:#fff}
.porte--ecole .tag,.porte--ecole .go{color:var(--bordeaux)}

/* --- Les fonds noirs de l'école --- */
.chapeau{background:var(--noir)}
.chapeau::after{opacity:.14}
footer{background:var(--noir)}
.tiroir-in{background:var(--noir)}

/* La bande de preuves se détache du chapeau par un filet, pas par une couleur. */
.preuves{background:var(--noir-doux);border-top:1px solid rgba(255,255,255,.12)}

/* --- Le bloc réservé aux membres garde le bordeaux du KLUB --- */
.sec-klubonly{background:var(--bordeaux)}
.sec-klubonly .btn-white,.sec-klubonly .t-btn{color:var(--bordeaux)}

/* --- L'en-tête de l'école : noir, dans la continuité du chapeau --- */
header{background:var(--noir)!important}
header .btn-join{background:#fff!important;color:var(--bordeaux)!important;border-color:#fff!important}
header .btn-join:hover{background:rgba(255,255,255,.92)!important}
.nav-right .btn-join{color:var(--bordeaux)!important}

/* --- La porte du KLUB garde le bordeaux : c'est l'autre univers --- */
.porte:not(.porte--ecole){background:var(--bordeaux);border-color:var(--bordeaux-vif)}
.porte:not(.porte--ecole):hover{background:var(--bordeaux-vif);border-color:#fff}
.porte:not(.porte--ecole) .tag{color:rgba(255,255,255,.80)}

/* --- La pastille d'univers --- */
.nav-univers--klub{color:var(--bordeaux)!important}

/* Le bouton « Mon compte » reste en contour : la hiérarchie doit rester lisible. */
header .btn-compte,header .btn-compte.btn-join{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.55)!important}
header .btn-compte:hover{background:rgba(255,255,255,.12)!important}

/* Dans un bloc KLUB posé sur bordeaux, le filet du chapeau redevient clair. */
.sec-klubonly .eyebrow::before{background:rgba(255,255,255,.72)}
.sec-klubonly .fplaces{color:var(--bordeaux)}

/* ==================================================================
   Les pages servies par l'application : fiche formation, catalogue,
   réservation, échéancier, CGV. Même règle — le noir porte, le
   bordeaux signe l'action, et le rouge d'alerte garde son sens.
   ================================================================== */

/* Les actions principales restent bordeaux. */
.btn-primary,.cta-button,.academy-formats-cta-btn,.benefits-cta .btn-red-pill{background:var(--bordeaux)!important}
.btn-primary:hover,.cta-button:hover{background:var(--noir)!important}
.btn-ghost,.sec-link,.agenda-cta,.materiel-promise-btn{color:var(--bordeaux)}

/* Les chapeaux de section : filet et mot souligné en bordeaux. */
.sec-label,.hero-eyebrow,.page-hero-eyebrow{color:var(--bordeaux)}
.sec-label::before,.hero-eyebrow::before,.page-hero-eyebrow::before{background:var(--bordeaux)}
h1 .red,h2 .red,.sec-title .red,.intro-text h2 .red{color:var(--bordeaux)}

/* Les encarts d'information : fond gris chaud, filet bordeaux — comme
   la ligne « tarif membre » du catalogue. */
.member-upsell,.expert-note,.welcome-reveal{border-left-color:var(--bordeaux)}
.member-upsell strong,.member-upsell a,.expert-note strong,.welcome-reveal strong{color:var(--bordeaux)}
.member-upsell a{border-bottom-color:var(--bordeaux)}

/* UNE ALERTE RESTE ROUGE. Le sens prime sur la charte. */
.alert-err,.status-pill.status-pending,.mandate-warning{background:#fbeaec}
.alert-err,.status-pill.status-pending{color:var(--bordeaux)}
.alert-err,.mandate-warning{border-left-color:var(--bordeaux-vif)}
.btn-danger{color:var(--bordeaux);border-color:var(--bordeaux)}
.btn-danger:hover{background:var(--bordeaux);color:#fff}
.empty-icon{color:var(--bordeaux)}
.status-radio:hover,.status-radio:has(input:checked){border-color:var(--bordeaux)}
.status-radio input[type="radio"]{accent-color:var(--bordeaux)}

/* Les grands aplats de l'application passent au noir comme le reste. */
.formation-hero--paris,.fp-card-media--paris{background:linear-gradient(135deg,#0a0a0a 0%,#1f1c19 100%)}
.formations-tab.active{background:var(--noir)}
.plan-tag,.merci-check{background:var(--noir)}

/* BOUTON_MIROIR_20260908 — sur le bandeau noir de l'école, le passage vers le
   KLUB est BORDEAUX. C'est l'exact inverse du club, où le passage vers
   l'Académie est noir sur bordeaux. « Mon compte » garde son contour blanc. */
header .btn-join.btn-passage{background:var(--bordeaux)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1.5px solid var(--bordeaux)!important}
header .btn-join.btn-passage:hover{background:var(--bordeaux-vif)!important;border-color:var(--bordeaux-vif)!important}
.nav-links li.nav-m-cta a{background:var(--bordeaux)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}