/* local_demofx — standalone site "newhorizons" (theme techverse).
 * Animated CSS gradient used as the WebGL fallback for the hero background
 * when Vanta cannot run (no WebGL support, or reduced-motion requested).
 * Theme-aware so the fallback never darkens the light hero into unreadability.
 *
 * @copyright 2026 SoftSys Solutions
 * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/* Light (default): a soft brand-tinted wash that keeps the dark headline readable. */
.hero__bg.demofx-grad-fallback {
  background-image: linear-gradient(120deg, rgba(30, 192, 218, .12) 0%, rgba(44, 42, 107, .08) 100%);
  background-size: 200% 200%;
  animation: demofx-grad-shift 16s ease infinite;
}

/* Dark: the vivid azul -> celeste sweep, matching the nova hero. */
html[data-theme="dark"] .hero__bg.demofx-grad-fallback {
  background-image: linear-gradient(120deg, #2c2a6b 0%, #1ec0da 100%);
}

@keyframes demofx-grad-shift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .hero__bg.demofx-grad-fallback { animation: none; }
}