/* Green theme (#00A35C) for the maroon-design site. Opt-in: only applies when (set by theme.js via ?theme=green). Overrides brand tokens only — the warm cream neutrals already suit green. */ html[data-theme="green"]{ --maroon:#00A35C; /* primary brand */ --maroon-dk:#007A45; /* darker (hover / depth) */ --coral:#2EC07B; /* accent */ --pink:#C6EDD8; /* soft tint */ --brand-lt:#18BA6E; /* gradient highlight stop */ --brand-dkr:#043D23; /* gradient deep stop */ } html[data-theme="green"] .hero::after{background:radial-gradient(circle, rgba(46,192,123,.26), transparent 60%)} html[data-theme="green"] .partners .scrim{background:linear-gradient(120deg,rgba(0,122,69,.9) 0%,rgba(0,150,84,.55) 52%,rgba(5,42,28,.45) 100%)} html[data-theme="green"] .ovband .scrim{background:linear-gradient(90deg,rgba(8,38,26,.94) 0%,rgba(8,38,26,.86) 34%,rgba(8,38,26,.6) 64%,rgba(8,38,26,.28) 100%)} html[data-theme="green"] .ped .pscrim{background:linear-gradient(0deg,rgba(8,38,26,.92) 0%,rgba(8,38,26,.5) 46%,rgba(8,38,26,.1) 100%)} @media(max-width:920px){html[data-theme="green"] .ovband .scrim{background:linear-gradient(0deg,rgba(8,38,26,.9),rgba(8,38,26,.55))}}