/* ==========================================================================
   Stars — Galaxy background star sprinkle
   ========================================================================== */

.stars {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.star {
  position: absolute;
  border-radius: 50%;
  background: white;
}

.star--cyan {
  background: var(--color-cyan);
}

.star--green {
  background: var(--color-green);
}

.star--teal {
  background: var(--color-teal);
}

@keyframes twinkle {
  0% { opacity: var(--star-o1); }
  100% { opacity: var(--star-o2); }
}