/* =========================================================
   Slides à fond sombre
   Appliqué aux slides 3, 6 et 9 — les trois sommets du récit
   (la révélation, la preuve, l'appel). Un slide sur trois : la
   respiration est régulière et le jury la ressent sans la nommer.

   Bénéfice technique : sur brun profond, l'or de marque #B8862B
   atteint 5,2:1 alors qu'il plafonne à 2,7:1 sur crème. Les slides
   sombres sont les seules où l'or peut porter du texte.
   ========================================================= */

.slide--dark {
  color: var(--dark-ink);
  background:
    radial-gradient(96% 80% at 50% 34%, var(--dark-raised) 0%, var(--dark) 58%, #1A0F03 100%);
}

/* ---------- Typographie ---------- */

.slide--dark .t-display,
.slide--dark .t-h1,
.slide--dark .t-h2,
.slide--dark .t-h3,
.slide--dark .t-intent   { color: var(--dark-ink); }

.slide--dark .t-lead,
.slide--dark .t-body     { color: var(--dark-ink); }

.slide--dark .t-small,
.slide--dark .t-micro,
.slide--dark .u-muted,
.slide--dark .source     { color: var(--dark-muted); }

/* Sur fond sombre l'or de marque est enfin lisible : on l'utilise pur. */
.slide--dark .u-gold,
.slide--dark .u-gold-text { color: var(--gold-light); }

.slide--dark strong { color: var(--gold-light); }

/* ---------- Chrome & décor ---------- */

.slide--dark .act-tag { color: var(--gold-light); }
.slide--dark .act-tag::before { background: var(--gold-light); }

.slide--dark .geo-wash { opacity: 0.045; }

.slide--dark .rule-gold {
  background: linear-gradient(90deg, var(--gold-light), transparent);
}

/* ---------- Emplacements d'assets ---------- */

.slide--dark .ph {
  border-color: rgba(212, 162, 68, 0.42);
  background-color: rgba(212, 162, 68, 0.07);
  background-image: repeating-linear-gradient(
    -45deg,
    transparent 0 9px,
    rgba(212, 162, 68, 0.09) 9px 18px);
  color: var(--dark-muted);
}
.slide--dark .ph__label { color: var(--gold-light); }
.slide--dark .ph__file  { color: var(--dark-muted); }
.slide--dark .ph__icon  { color: var(--gold-light); }

/* ---------- Cartes & séparateurs ---------- */

.slide--dark .card {
  background: rgba(245, 235, 217, 0.045);
  border-color: rgba(212, 162, 68, 0.24);
  box-shadow: none;
}
.slide--dark .card--hover:hover {
  background: rgba(245, 235, 217, 0.075);
  border-color: var(--gold);
}

/* ---------- Chrome de navigation sur fond sombre ---------- */

.slide--dark ~ .menu-toggle .menu-toggle__bars span { background: var(--brown); }

/* Le compteur et la barre de progression vivent au-dessus du slide :
   ils doivent basculer avec lui. Le moteur pose .has-dark-slide sur .deck. */
.deck.has-dark-slide .counter { color: var(--dark-muted); }
.deck.has-dark-slide .counter__current { color: var(--gold-light); }
.deck.has-dark-slide .progress { background: rgba(212, 162, 68, 0.18); }
.deck.has-dark-slide .nav-arrow,
.deck.has-dark-slide .menu-toggle {
  background: rgba(51, 32, 14, 0.82);
  border-color: rgba(212, 162, 68, 0.34);
  color: var(--dark-ink);
}
.deck.has-dark-slide .menu-toggle__bars span { background: var(--dark-ink); }
.deck.has-dark-slide .nav-arrow:hover,
.deck.has-dark-slide .menu-toggle:hover { background: rgba(51, 32, 14, 0.96); }
