/*
 * The animated logo shown while the bundle loads (markup in index.html; faded out by
 * src/main.tsx). Plain CSS served from /public so it paints before any script runs. The
 * animation itself lives inside the SVGs, one per theme (the wordmark's ink differs).
 * Colours are literals on purpose: this is applied before the app stylesheet.
 *
 * The SVG is centred and its mark is the same size and place as the native launch screens
 * (86x96), so the hand-off from them does not jump.
 */
#boot-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: #f5f7fa;
  transition: opacity 0.3s ease;
}

html.dark #boot-splash {
  background: #14213d;
}

#boot-splash.is-leaving {
  opacity: 0;
  pointer-events: none;
}

#boot-splash img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 320px;
  margin: -160px 0 0 -120px;
}

#boot-splash .bs-dark,
html.dark #boot-splash .bs-light {
  display: none;
}

html.dark #boot-splash .bs-dark {
  display: block;
}