/* Loader dots and fade */
.loader-dot {
  transition: background 0.3s;
}

/* Hide custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
}
.custom-scrollbar {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Geometry background (optional, for your canvas) */
#geometry-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -10;
  background: #fff;
  transition: background 0.3s;
}
@media (prefers-color-scheme: dark) {
  #geometry-bg {
    background: #111;
  }
}