/**
 * Aurora Gradient Background Styles
 */

/* Container with aurora background */
[data-aurora-gradient] {
  position: relative;
  overflow: hidden;
}

/* Canvas element styling */
[data-aurora-gradient] canvas.aurora-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* Content overlay (z-index higher than canvas) */
[data-aurora-gradient] > *:not(canvas) {
  position: relative;
  z-index: 2;
}

/* Ensure content is visible over the background */
[data-aurora-gradient] {
  background-color: #0a0809;
}

/* Optional: Add smooth transitions on page load */
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

[data-aurora-gradient] {
  animation: fade-in 0.5s ease-in-out;
}

/* Reusable preset class for default Aurora settings */
[data-aurora-gradient].aurora-default {
  --aurora-speed: 0.0035;
  --aurora-blur: 140;
  --aurora-particles: 4;
  --aurora-pulse: 0.42;
  --aurora-colors: ["rgba(218, 90, 56, 1.0)", "rgba(195, 48, 18, 1.0)", "rgba(232, 120, 44, 1.0)"];
  min-height: 600px;
}