/*
 * Same-origin MPA: keep a snapshot of the old page until the new one is painted.
 * Without this the browser shows a blank white document between full reloads.
 */
@view-transition {
  navigation: auto;
}

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

/*
 * First paint if View Transitions are unavailable (or before CSS finishes).
 * !important beats Bootstrap's body { background-color: #fff }.
 * Themes may set --saku-page-bg.
 */
html,
body,
body#page-top,
body.login-page {
  background-color: var(--saku-page-bg, #e8f6f6) !important;
}