/* Orange theme (#FF5A1F) for the violet-design site. Opt-in: only applies when (set by theme.js via ?theme=orange). Overrides the brand tokens and warms the cool lavender neutrals so orange reads cohesively. */ html[data-theme="orange"]{ --violet:#FF5A1F; /* primary brand */ --violet-dk:#CC4012; /* darker (hover / depth) */ --lilac:#FF7A47; /* accent */ --soft-lilac:#FFD6C2; /* highlight */ --brand-lt:#FF7A45; /* gradient highlight stop */ --brand-dkr:#5E2207; /* gradient deep stop */ /* warm the cool lavender neutrals */ --lav:#FFF6F1; --lav-2:#FBE7DC; --line:#F1E5DD; --ink:#241712; --ink-2:#5A4A42; --muted:#9A8A82; } /* 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))}}