/*
 * [페이지 간 전환] 2026-09-24
 * 같은 사이트 안 링크를 누르면 브라우저가 이전 화면과 새 화면을 겹쳐 페이드한다.
 * 두 페이지 모두 이 파일을 불러야 동작한다.
 * 지원하지 않는 브라우저(Firefox 등)는 이 규칙을 무시하고 그냥 이동한다.
 *
 * @view-transition 을 @media 안에 두면 Safari 가 무시할 수 있어
 * 규칙은 밖에 두고, 모션 줄이기일 때만 애니메이션을 끈다.
 */
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 240ms;
  /* 미러데이즈 --md-ease 와 같은 곡선 */
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}