/* ══════════════════════════════════════════════════════
   Color Wash — Play page ambient background tint
   To remove: delete this file + js/color-wash.js
   and their two includes in play.html.
══════════════════════════════════════════════════════ */

/* ── Tuning knobs (mirror variables in js/color-wash.js) ── */
/* WASH_STRENGTH: 0.25 — set in color-wash.js             */
/* WASH_DURATION: 700ms — set below                        */

body {
  --wash-color: #fdfaf3; /* cream baseline = --color-page-bg */
  background-color: var(--wash-color);
  transition: background-color 700ms ease-in-out;
}

.site-header {
  background-color: var(--wash-color);
  transition: background-color 700ms ease-in-out;
}

/* Respect prefers-reduced-motion: JS bails early, but
   also kill the CSS transition as a belt-and-suspenders guard */
@media (prefers-reduced-motion: reduce) {
  body {
    transition: none;
  }
}