/* filename: background.css */

/* Dynamic Background Styles */

/* Parallax Container */
.parallax-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
  contain: strict;
}

.parallax-layer {
  position: absolute;
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
  will-change: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
  contain: layout style paint;
}

/* Aurora horizon glow - Optimized */
#horizon {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 40%,
    rgb(255 107 0 / 10%) 55%,
    rgb(255 107 0 / 5%) 65%,
    transparent 75%
  );
  transform-origin: center center;
  mix-blend-mode: screen;
}

/* Ground layer - Optimized */
#ground {
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 60%,
    rgb(26 10 26 / 30%) 80%,
    rgb(58 42 58 / 45%) 100%
  );
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .parallax-layer {
    animation: none !important;
    transition: none !important;
  }
}

/* Print Styles */
@media print {
  .parallax-container {
    display: none;
  }
}