/* Shared ambient background: slowly cycles through warm cream/apricot tones.
   Applies in light mode only on pages that use the [data-theme] toggle.
   Pages without data-theme (like long_listen) always animate. */

@keyframes ambient-bg {
  0%   { background-color: #FFF8E7; }
  14%  { background-color: #FCEBC8; }
  28%  { background-color: #F8DBA8; }
  42%  { background-color: #F5CD90; }
  57%  { background-color: #F7D69F; }
  71%  { background-color: #FAE3B8; }
  85%  { background-color: #FDF1D8; }
  100% { background-color: #FFF8E7; }
}

html:not([data-theme="dark"]) body {
  animation: ambient-bg 45s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-theme="dark"]) body { animation: none; }
}