/* =====================================================
   NDC Time-of-Day Background Engine
   - Uses fixed layers behind the site
   - Crossfades smoothly on change
===================================================== */

:root{
  --ndc-bg-url: none;
}

.ndc-timebg{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Base layer (current background) */
.ndc-timebg.ndc-timebg-a{
  opacity: 1;
}

/* Fade layer (used during swaps) */
.ndc-timebg.ndc-timebg-b{
  opacity: 0;
  transition: opacity 900ms ease;
}

/* When swapping, fade B in */
html.ndc-timebg-swapping .ndc-timebg.ndc-timebg-b{
  opacity: 1;
}

/* Optional: slight dark overlay for readability (OFF by default)
   If you ever want it, set --ndc-bg-dim to something like 0.12
*/
:root{ --ndc-bg-dim: 0; }

.ndc-timebg::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,var(--ndc-bg-dim));
}