/* ============================================
   Page Transitions
   ============================================ */

:root {
  --transition-duration: 250ms;
  --transition-easing: cubic-bezier(0.65, 0, 0.35, 1);
}

html.is-changing {
  overflow: hidden;
}

/* --- Simple Fade Overlay ---------------------- */

.transition-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: rgba(189, 36, 65, 0.95);
  opacity: 0;
  transition: opacity var(--transition-duration) var(--transition-easing);
}

.transition-overlay.is-visible {
  opacity: 1;
}