/* Stellar UFO — Effects: shadows, gradients, blur, motion
 * Cinematic, lit-from-within: navy depth with coral/mint/glass "lighting".
 * Shadows are navy-tinted and soft; CTAs carry a coral glow.
 */
:root {
  /* ---- Elevation (navy-tinted, soft) ---- */
  --shadow-xs: 0 2px 8px rgba(10, 33, 66, 0.06);
  --shadow-sm: 0 16px 40px rgba(10, 33, 66, 0.08);
  --shadow-md: 0 16px 40px rgba(10, 33, 66, 0.12);
  --shadow-lg: 0 28px 80px rgba(10, 33, 66, 0.16);

  /* ---- Accent glows (CTA / reward) ---- */
  --glow-coral: 0 14px 34px rgba(250, 120, 115, 0.28);
  --glow-coral-strong: 0 18px 44px rgba(250, 120, 115, 0.40);
  --glow-mint: 0 12px 30px rgba(95, 201, 181, 0.30);
  --glow-glass: 0 0 34px rgba(193, 224, 235, 0.72);

  /* ---- Inset (capsule volume) ---- */
  --inset-capsule: inset 0 -18px 34px rgba(10, 33, 66, 0.20);

  /* ---- Signature backgrounds ---- */
  /* Ivory aurora — light page wash with mint + coral light leaks */
  --bg-aurora: radial-gradient(circle at 12% 10%, rgba(95, 201, 181, 0.22), transparent 28rem),
               radial-gradient(circle at 84% 4%, rgba(250, 120, 115, 0.22), transparent 30rem),
               linear-gradient(150deg, #FAFAEF 0%, #F7F0DE 46%, #EEF9F5 100%);
  /* Deep space — cinematic dark section with coral + mint lighting */
  --bg-deep-space: radial-gradient(circle at 80% 12%, rgba(250, 120, 115, 0.24), transparent 26rem),
                   radial-gradient(circle at 18% 78%, rgba(95, 201, 181, 0.22), transparent 24rem),
                   linear-gradient(145deg, #07182F 0%, #0A2142 62%, #11385D 100%);
  /* Dome spotlight — glass-blue light cone over navy (hero visual) */
  --bg-dome: radial-gradient(circle at 50% 24%, rgba(193, 224, 235, 0.98), rgba(95, 201, 181, 0.28) 33%, rgba(10, 33, 66, 0.10) 62%),
             linear-gradient(145deg, #07182F, #0A2142 64%, #12385D);

  /* ---- Glass / blur ---- */
  --blur-panel: blur(18px); /* @kind other */
  --frost-light: rgba(250, 250, 239, 0.82);
  --frost-card: rgba(255, 255, 255, 0.52);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* gentle capsule pop */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  --float-duration: 6s; /* @kind other */ /* hero capsule float loop */
}

/* Signature float used by hero capsules / mascot */
@keyframes ufo-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes ufo-pulse {
  0%, 100% { box-shadow: var(--glow-coral); }
  50% { box-shadow: var(--glow-coral-strong); }
}