/* ===== FALL SEASON LAYER — remove or swap this file (and season-fall.js) to change seasons ===== */
:root{
  /* warmer cream surfaces */
  --cream:#FAF4EA; --cream-mid:#F3E9D8; --cream-dark:#E9DAC2; --warm-white:#FDF8EF;
  /* warmer gold depth + copper replaces the cool blue accent */
  --gold-dark:#97662A;
  --sky:#D98E32; --sky-dark:#B5651D; --sky-pale:rgba(217,142,50,0.10);
  --border-gold:rgba(190,140,60,0.32); --border-gold-strong:rgba(190,140,60,0.6);
}
/* homepage ticker + gold buttons pick up an amber gradient */
.ticker-wrap{background:linear-gradient(90deg,#C9A04A 0%,#D9983A 50%,#C9A04A 100%)!important;box-shadow:0 2px 16px rgba(217,142,50,.35)!important}
.fall-cta:hover,.btn-gold:hover,.btn-nav:hover{background:#E0A24A!important}
.promo-ticker .code,.mini-promo-item .mcode{color:#E9A24A!important}
/* soft warm light behind page headers */
.page-hero,.shop-hero{background-blend-mode:normal}
.shop-hero::after{background:linear-gradient(180deg,rgba(253,246,232,.5),rgba(253,246,232,.84))!important}

/* ===== drifting leaves ===== */
.fall-leaves{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:40}
.fall-leaves i{position:absolute;top:-8vh;display:block;width:var(--s,20px);height:var(--s,20px);opacity:.0;
  background:var(--leaf) center/contain no-repeat;
  animation:leafFall var(--d,22s) linear var(--delay,0s) infinite, leafSway var(--sw,6s) ease-in-out var(--delay,0s) infinite alternate;
  will-change:transform}
@keyframes leafFall{
  0%{transform:translate3d(0,-8vh,0) rotate(0deg);opacity:0}
  8%{opacity:.7}
  90%{opacity:.6}
  100%{transform:translate3d(var(--drift,6vw),108vh,0) rotate(var(--rot,360deg));opacity:0}
}
@keyframes leafSway{from{margin-left:-14px}to{margin-left:14px}}
@media(max-width:700px){.fall-leaves i:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.fall-leaves{display:none}}