/*
 * Paints the page before the application bundle loads, so full-page
 * navigations such as sign-out never show an empty white document. The CSP
 * allows only same-origin styles, so this is an external file. Keep it
 * identical in apps/web and apps/admin; React replaces #boot-splash on mount.
 */
html {
  background: oklch(0.957 0.015 277.9);
}

html.dark {
  background: oklch(0.11 0.006 270);
}

#boot-splash {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: boot-splash-enter 150ms ease-out 200ms both;
}

#boot-splash > span {
  width: 24px;
  height: 24px;
  border: 2px solid rgb(128 128 128 / 25%);
  border-top-color: rgb(128 128 128 / 80%);
  border-radius: 50%;
  animation: boot-splash-spin 800ms linear infinite;
}

@keyframes boot-splash-enter {
  from {
    opacity: 0;
  }
}

@keyframes boot-splash-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  #boot-splash > span {
    animation-duration: 2400ms;
  }
}