/*
 * Critical preloader styles for immediate theme-aware background and layout.
 * External file because the production CSP has no 'unsafe-inline' in
 * style-src — an inline <style> block was blocked on every page load.
 * --preloader-bg / --preloader-fg are set by /theme-init.js before this is
 * needed for paint; the fallbacks below cover script failure.
 */
#initial-loader {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--preloader-bg, 250 250 250)) !important;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: opacity 0.5s ease-out;
}

.initial-loader-text {
  color: rgb(var(--preloader-fg, 58 58 58) / 0.78);
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px;
  margin-top: 20px;
}