:root{
  --sky-day-top:#fafafa; --sky-day-bottom:#f0f0f0;
  --sky-evening-top:#1a1a1a; --sky-evening-bottom:#111111;
  --sky-night-top:#02030a; --sky-night-bottom:#00010a;
}
body.sky--day{ background: linear-gradient(180deg,var(--sky-day-top),var(--sky-day-bottom)); }
body.sky--evening{ background: linear-gradient(180deg,var(--sky-evening-top),var(--sky-evening-bottom)); }
body.sky--night{ background: linear-gradient(180deg,var(--sky-night-top),var(--sky-night-bottom)); }
#skyCanvas{ position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display:block; }
body > header, body > main, body > footer, body .site, body #wrapper{ position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce){ #skyCanvas{ display:none; } body.sky--evening, body.sky--night{ background:#111; } }
body{ transition: background 0.8s ease; }