/* Atmospheric depth, built from broad gradients rather than a moving texture.
   The existing sunrise and golden-hour variables still drive the entire sky. */
.invitation {
  --sky-top: #b2c9d9;
  --sky-mid: #e8e2df;
  --sky-low: #f5ecd7;
  background:
    radial-gradient(ellipse 92% 8% at 20% 26%, #fffaf025 0%, transparent 75%),
    radial-gradient(ellipse 82% 10% at 82% 43%, #fff6eb29 0%, transparent 73%),
    radial-gradient(ellipse 110% 38% at 0% 0%, #7ea5c31a 0%, transparent 78%),
    linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 66%, var(--sky-low) 100%);
}

/* This light belongs to the sun's existing transform, so it follows both the dawn
   and drag without another animation clock, layout read or full-sky repaint. */
.invitation .sun-art::before {
  content: '';
  position: absolute;
  inset: -95%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, #fff0c950 0%, #ffe4b824 30%, #f4c7900b 51%, transparent 72%);
  pointer-events: none;
}

/* Preserve the original dark opening before the sunrise script takes over. */
:root[data-dawn='night'] .invitation {
  --sky-top: #2a1f31;
  --sky-mid: #563650;
  --sky-low: #3f2a3c;
  background: linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 66%, var(--sky-low) 100%);
}
:root[data-dawn='night'] .sun-art::before {
  opacity: 0;
}