html, body {
  margin: 0;
}

#loading-screen {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #f5f3ed;
  color: #41463b;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

#loading-screen h1 {
  margin: 0;
  padding: 0;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -1.5px;
}

#loading-screen h1 span {
  color: #b5a554;
}

#loading-screen[data-theme='dark'] {
  background: #20231f;
  color: #e8e9e0;
}

#loading-screen[data-theme='dark'] h1 span {
  color: #f3d574;
}

@media (prefers-color-scheme: dark) {
  #loading-screen:not([data-theme='light']) {
    background: #20231f;
    color: #e8e9e0;
  }
}