:root {
  --bs-body-bg: #0d1117;
  --bs-body-color: #ddd;
  --bs-border-color: var(--bs-body-color);
  --bs-danger: #dd1020;
  --bs-dark: #010409;

  --body-bg-secondary: #052767;

  --bs-font-sans-serif: 'Orbitron', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron-VariableFont_wght.ttf') format('truetype');
}

.btn-primary {
  --bs-btn-bg: #052767;
  --bs-btn-border-color: #052767;
  --bs-btn-hover-bg: #093485;
  --bs-btn-hover-border-color: #093485;
  --bs-btn-active-bg: #093485;
  --bs-btn-active-border-color: #093485;
}

.spinner-container {
  height: 100vh;
}

.spinner-container .spinner-border {
  width: 5rem;
  height: 5rem;
}

#blazor-error-ui {
  background: var(--bs-danger);
  color: var(--bs-body-color);
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}