/*
 * The splash until the app renders (public/boot-splash.js), as
 * src/components/loading-screen/splash-screen.tsx draws it. The colours are
 * the theme's background.default (light #FFFFFF, dark grey[900]); a file,
 * not inline, so index.html needs no inline code under a CSP (RULE-08).
 */
html[data-boot-scheme='dark']:has(#boot-splash) {
  background-color: #141a21;
}
#boot-splash {
  position: fixed;
  inset: 0;
  z-index: 9997;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
html[data-boot-scheme='dark'] #boot-splash {
  background-color: #141a21;
}
#boot-splash > span {
  width: 64px;
  height: 64px;
  background: url('/assets/brand/ovandor-symbol.png') center / contain no-repeat;
}
html[data-boot-brand='radya'] #boot-splash > span {
  background-image: url('/assets/brand/radya/symbol-primary.png');
}
html[data-boot-brand='radya'][data-boot-scheme='dark'] #boot-splash > span {
  background-image: url('/assets/brand/radya/symbol-reverse.png');
}