/* === Ambiance des pages intérieures (effects/ambient.js, effects/reveal.js) ===
   Lueur chaude fixe du fond, blocs qui apparaissent au défilement. Plus de braises ni de lumière qui suit la souris
   depuis le 11 oct. 2026. */

/* Lueur chaude fixe : ajouter .ambient-glow à <main>. Discrète : elle réchauffe le fond, elle ne doit pas se voir comme une tache. */
.ambient-glow {
  position: relative;
}
.ambient-glow:before {
  content: "";
  position: fixed;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  /* Sans mode de fusion : sur un calque plein écran, il serait recalculé à chaque image du défilement */
  background: radial-gradient(380px circle at 50% 30%, rgba(218, 153, 61, 0.045), transparent 72%);
}

/* Apparition au défilement */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.7s ease,
    transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 700px) {
  .ambient-glow:before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ambient-glow:before {
    display: none !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
