/* ============================================================
   ALOUNIKA — transitions.css
   Effet "portail" entre les mondes via la Cross-document
   View Transitions API. Dégrade proprement là où non supporté
   (navigation classique, aucune régression d'usage).
   ============================================================ */

/* Active la transition entre deux documents de même origine. */
@view-transition { navigation: auto; }

/* Ancienne page : léger zoom avant + fondu (on "entre dedans"). */
::view-transition-old(root) {
  animation: portal-out var(--dur-portal) var(--ease-portal) both;
}

/* Nouvelle page : émerge du centre via un cercle qui s'ouvre (le portail). */
::view-transition-new(root) {
  animation: portal-in var(--dur-portal) var(--ease-portal) both;
}

@keyframes portal-out {
  to { transform: scale(1.18); filter: brightness(1.4); opacity: 0; }
}
@keyframes portal-in {
  from { clip-path: circle(0% at 50% 50%); transform: scale(1.06); opacity: .2; }
  to   { clip-path: circle(150% at 50% 50%); transform: scale(1); opacity: 1; }
}

/* Accessibilité : mouvement réduit → simple fondu. */
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: portal-fade var(--dur-portal) ease both; }
  @keyframes portal-fade { from { opacity:.4 } to { opacity:1 } }
}