:root {
  --bg: #0b0f19;
  --text: #eef2ff;
  --muted: #9aa4b2;
}

[data-theme="light"] {
  --bg: #ffffff;
  --text: #0b1220;
  --muted: #3b4a62;
}

body {
  min-height: 100vh;
}

.bg-body {
  background-color: var(--bg) !important;
}

.text-body {
  color: var(--text) !important;
}

.text-secondary-emphasis {
  color: var(--muted) !important;
}

/* loader */
.page-loader {
  position: fixed;
  inset: 0;
  background: #0b0f19;
  display: grid;
  place-items: center;
  z-index: 9999;
  transition: opacity .3s;
}

.page-loader.loaded {
  opacity: 0;
  pointer-events: none;
}