html,
body,
#root {
  min-height: 100%;
  background: var(--boot-bg, linear-gradient(180deg, #f8fbff 0%, #f4f7fb 52%, #f8fbff 100%));
  background-color: var(--boot-bg-color, #f6f9fd);
}

body {
  margin: 0;
  color: var(--boot-fg, #0f172a);
}

.boot-loading {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  background: var(--boot-bg);
  color: var(--boot-accent, #2563eb);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

.boot-loading-spinner {
  width: 38px;
  height: 38px;
  border: 4px solid color-mix(in srgb, var(--boot-accent, #2563eb) 20%, transparent);
  border-top-color: var(--boot-accent, #2563eb);
  border-radius: 50%;
  animation: bootLoaderSpin 0.8s linear infinite;
}

@keyframes bootLoaderSpin {
  to { transform: rotate(360deg); }
}