/* ==========================================================================
   Fondo vivo
   --------------------------------------------------------------------------
   #fx-sky (sky.js) pinta nebulosa, estrellas con paralaje, destellos,
   luciérnagas y estrellas fugaces. Encima, un grano fino para quitar lo plano.
   ========================================================================== */

html[data-theme] { background: var(--c-bg); }

#fx-sky {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

html[data-theme] body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}