/* =====================================================================
   Aurora Background — versi STATIS (paling ringan) + dapat diatur admin.

   Warna diambil dari CSS variable yang disuntik di partials/head.ejs
   dari database (Pengaturan Tema). Kalau variable tidak ada, dipakai
   nilai default di bawah (fallback argumen kedua var()).

     --au-c1  warna pojok kanan-atas (default teal)
     --au-c2  warna pojok kiri-bawah (default violet)
     --au-c3  warna sapuan diagonal  (default biru muda)
     --au-on  block / none -> hidupkan / matikan aurora global
   ===================================================================== */

.aurora-host {
  position: relative;
  overflow: hidden;
}

.aurora-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  display: var(--au-on, block);          /* admin bisa matikan -> none */
  opacity: var(--au-strength, 1);        /* kekuatan aurora (0..1) diatur admin */

  background-image:
    radial-gradient(ellipse at 100% 0%,
      color-mix(in srgb, var(--au-c1, #2dd4bf) 48%, transparent), transparent 62%),
    radial-gradient(ellipse at 0% 100%,
      color-mix(in srgb, var(--au-c2, #a78bfa) 44%, transparent), transparent 58%),
    linear-gradient(120deg,
      color-mix(in srgb, var(--au-c3, #93c5fd) 36%, transparent),
      color-mix(in srgb, var(--au-c2, #a78bfa) 30%, transparent));
  background-repeat: no-repeat;
}

/* Class .aurora-radial tetap didukung agar partial lama tidak error. */

/* Untuk halaman full-page yang bisa scroll (latar menempel ke viewport). */
.aurora-bg.aurora-fixed { position: fixed; }

/* Latar aurora di BELAKANG seluruh konten (z-index negatif) — dipakai
   agar sidebar glass punya sesuatu berwarna untuk di-blur (efek frosted).
   Konten halaman yang punya background sendiri tetap menutupinya. */
.aurora-behind {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

/* Varian gelap — untuk halaman bertema gelap (mis. /panduan) supaya teks
   putih tetap terbaca; warna sama tapi intensitas lebih rendah. */
.aurora-bg.aurora-dark {
  background-image:
    radial-gradient(ellipse at 100% 0%,
      color-mix(in srgb, var(--au-c1, #2dd4bf) 34%, transparent), transparent 62%),
    radial-gradient(ellipse at 0% 100%,
      color-mix(in srgb, var(--au-c2, #6366f1) 38%, transparent), transparent 58%),
    linear-gradient(120deg,
      color-mix(in srgb, var(--au-c3, #3b82f6) 26%, transparent),
      color-mix(in srgb, var(--au-c2, #8b5cf6) 26%, transparent));
}

/* Animasi masuk konten — satu kali, sangat ringan. */
.aurora-fade-up {
  animation: aurora-fade-up 0.6s ease 0.15s both;
}
@keyframes aurora-fade-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .aurora-fade-up { animation: none; }
}