/* Orange theme (#FF5A1F) for the maroon-design site. Opt-in: only applies when (set by theme.js via ?theme=orange). Overrides brand tokens only — the warm cream neutrals already suit orange. */ html[data-theme="orange"]{ --maroon:#FF5A1F; /* primary brand */ --maroon-dk:#CC4012; /* darker (hover / depth) */ --coral:#FF7A47; /* accent */ --pink:#FFD6C2; /* soft tint */ --brand-lt:#FF7A45; /* gradient highlight stop */ --brand-dkr:#5E2207; /* gradient deep stop */ } /* Prominent brand-coloured overlays/scrims use raw rgba (not tokens) — re-tint to orange */ html[data-theme="orange"] .hero::after{background:radial-gradient(circle, rgba(255,122,71,.26), transparent 60%)} html[data-theme="orange"] .partners .scrim{background:linear-gradient(120deg,rgba(204,64,18,.9) 0%,rgba(230,82,30,.55) 52%,rgba(80,28,8,.45) 100%)} html[data-theme="orange"] .ovband .scrim{background:linear-gradient(90deg,rgba(46,22,12,.94) 0%,rgba(46,22,12,.86) 34%,rgba(46,22,12,.6) 64%,rgba(46,22,12,.28) 100%)} html[data-theme="orange"] .ped .pscrim{background:linear-gradient(0deg,rgba(46,22,12,.92) 0%,rgba(46,22,12,.5) 46%,rgba(46,22,12,.1) 100%)} @media(max-width:920px){html[data-theme="orange"] .ovband .scrim{background:linear-gradient(0deg,rgba(46,22,12,.9),rgba(46,22,12,.55))}}