/* Native View Transitions path — Chromium 126+, partial Safari support. */
@supports (view-transition-name: none) {
	@view-transition {
		navigation: auto;
	}

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 0.35s;
		animation-timing-function: ease;
	}

	::view-transition-old(root) {
		animation-name: bd-fade-out;
	}

	::view-transition-new(root) {
		animation-name: bd-fade-in;
	}

	@keyframes bd-fade-out {
		to {
			opacity: 0;
		}
	}

	@keyframes bd-fade-in {
		from {
			opacity: 0;
		}
	}
}

/* Fallback path — browsers without View Transitions support. */
@supports not (view-transition-name: none) {
	html.bd-fade-init body {
		opacity: 0;
	}

	body {
		transition: opacity 0.3s ease;
	}
}