/* ============================================================
   Particles background layer
   Port of the React Bits <Particles /> component. The component
   ships as position:relative/100%/100% inside a sized wrapper;
   here it is the page background, so it is fixed to the viewport
   and sits at z-index -1 — above the body's propagated ground
   colour, below every piece of existing UI. Nothing above it
   changes, and it never takes a pointer event.
   ============================================================ */
.particles-container {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  /* paintTheme() fades this out as the footer takes the page light —
     white particles on a warm off-white ground would only read as haze */
  /* --particle-rest is the resting intensity; --particle-opacity is the
     footer scrub multiplying it down to 0 as the page goes light */
  opacity: calc(var(--particle-rest, 0.78) * var(--particle-opacity, 1));
}
.particles-container canvas {
  display: block;
  width: 100%;
  height: 100%;
}