/* طبقة الحياة المحيطية — aurora تتنفس خلف كل صفحة (§2.2، §4).
 * فقاعتا ضوء: أخضر النمو وذهبي الغروب، انجراف بطيء 12-16 ثانية، GPU فقط. */

.aurora {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: var(--nooda-background);
}

.aurora::before,
.aurora::after {
  content: "";
  position: absolute;
  width: 60vmax;
  height: 60vmax;
  border-radius: 50%;
  filter: blur(90px);
  will-change: transform;
}

/* فقاعة الضوء الأخضر — أعلى البداية */
.aurora::before {
  background: radial-gradient(circle at center, var(--nooda-primary-glow), transparent 65%);
  top: -22vmax;
  inset-inline-start: -12vmax;
  animation: aurora-drift-a 16s ease-in-out infinite alternate;
}

/* فقاعة الذهب — أسفل النهاية، أخفت */
.aurora::after {
  background: radial-gradient(circle at center, rgba(201, 155, 74, 0.16), transparent 65%);
  bottom: -26vmax;
  inset-inline-end: -14vmax;
  animation: aurora-drift-b 20s ease-in-out infinite alternate;
}

@keyframes aurora-drift-a {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(-6vmax, 5vmax, 0) scale(1.15); }
}
@keyframes aurora-drift-b {
  from { transform: translate3d(0, 0, 0) scale(1.1); }
  to   { transform: translate3d(7vmax, -5vmax, 0) scale(0.95); }
}

/* توهج إضافي خلف الأبطال (hero) */
.aurora-focus {
  position: absolute;
  inset-inline-start: 50%;
  top: 8%;
  width: 70vmin;
  height: 70vmin;
  transform: translateX(50%);
  background: radial-gradient(circle at center, var(--nooda-primary-soft), transparent 60%);
  filter: blur(60px);
  pointer-events: none;
  z-index: -1;
  animation: aurora-breathe 12s ease-in-out infinite;
}
@keyframes aurora-breathe {
  0%, 100% { opacity: 0.7; transform: translateX(50%) scale(1); }
  50% { opacity: 1; transform: translateX(50%) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .aurora::before, .aurora::after, .aurora-focus { animation: none; }
}