/* "Fall time" theme: solid leaf banner at the top of the page (fades out at the bottom, stays fixed on screen while you scroll). Orange replaces purple (via --accent / --purple). */
html[data-hexi-theme="fall"]{background:var(--bg-page)}
html[data-hexi-theme="fall"] body{background:transparent!important}
html[data-hexi-theme="fall"] #hexi-fall-banner{
  position:fixed;top:0;left:0;right:0;height:440px;z-index:-1;pointer-events:none;
  background:url(/images/fall-leaves-banner.svg) center top/cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 38%,transparent 100%);
          mask-image:linear-gradient(to bottom,#000 0,#000 38%,transparent 100%);
  transform:translateZ(0);will-change:transform;
}
html[data-hexi-theme="fall"] .save-btn:not(.twofa-cancel),
html[data-hexi-theme="fall"] button.btn-primary{background:#f07a14;border-color:#f07a14;color:#fff}
html[data-hexi-theme="fall"] .save-btn:not(.twofa-cancel):hover{background:#ff9230;border-color:#ff9230}
@media(max-width:760px){html[data-hexi-theme="fall"] #hexi-fall-banner{height:340px}}
/* the pages have their own purple glow on body::before; hide it in Fall time */
html[data-hexi-theme="fall"] body::before{display:none!important}