// Aurora background (reactbits port). A WebGL2 canvas fills the nearest
// positioned ancestor; all the visuals live in the fragment shader.

.wr-aurora {
  // Theme-default colour stops (overridden by `[colorStops]`): vivid
  // indigo → emerald on light surfaces; dark restores the neon
  // reactbits palette below.
  --wr-aurora-stop-1: #6366f1;
  --wr-aurora-stop-2: #10b981;
  --wr-aurora-stop-3: #6366f1;

  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;

  &__canvas {
    display: block;
    width: 100%;
    height: 100%;
  }
}

[data-theme='dark'] .wr-aurora {
  --wr-aurora-stop-1: #5227ff;
  --wr-aurora-stop-2: #7cff67;
  --wr-aurora-stop-3: #5227ff;
}