/* ================================================================
   Configura Public · Living Sky Shader (pub-sky-shader.css)
   ================================================================
   Pins the WebGL #skyCanvas to the viewport so it sits behind all
   page content. Replaces the static gradient previously painted by
   pub-sky-golden.css. The actual cloud rendering happens in the
   matching pub-sky-shader.js — this file just handles layout.

   Each consumer page already has `body { background: transparent }`
   from the previous pub-sky-golden.css setup; that stays correct.
   ================================================================ */

html {
  /* Belt-and-braces: the canvas covers the viewport, but if WebGL is
     unavailable on the user's device the static fallback below shows
     through. Mirrors the new sunrise palette in pub-sky-shader.js —
     pastel sky-blue zenith → pale lavender → pale pink → soft salmon
     horizon — so the page reads correctly on either path (rendered
     or fallback). Color stops match the morning preset's 5-stop
     gradient verbatim, mapped from GLSL vec3 to hex. */
  background:
    linear-gradient(180deg,
      #a3d4f8 0%,         /* zenith — pastel sky blue       */
      #d5d7f4 30%,        /* high — pale lavender           */
      #f4dcde 55%,        /* mid — pale pink                */
      #f5dcde 80%,        /* low — pale pink                */
      #f9c5b9 100%        /* horizon — soft salmon          */
    );
  background-attachment: fixed;
}

#skyCanvas {
  /* position:fixed pins to viewport regardless of scroll.
     z-index:-1 puts canvas behind body content (which has its own
     z-index:auto context). pointer-events:none ensures the canvas
     never intercepts clicks/taps on links or buttons above. */
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  display: block;
}