/* Green theme (#00A35C) for the violet-design site. Opt-in: only applies when (set by theme.js via ?theme=green). Overrides the brand tokens and neutralises the cool lavender neutrals to a soft green-white. */ html[data-theme="green"]{ --violet:#00A35C; /* primary brand */ --violet-dk:#007A45; /* darker (hover / depth) */ --lilac:#2EC07B; /* accent */ --soft-lilac:#C6EDD8; /* highlight */ --brand-lt:#18BA6E; /* gradient highlight stop */ --brand-dkr:#043D23; /* gradient deep stop */ /* shift the cool lavender neutrals to a soft green-white */ --lav:#F1FAF5; --lav-2:#E2F4EB; --line:#DBEEE3; --ink:#122A1F; --ink-2:#455A50; --muted:#7F9389; } 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))}}