--hero-accent once on a section wrapper. Everything inside that reads it — the glow, the cursive word, the button, the live dot — recolors together. Click a section below; nothing here is hand-recolored, it's one variable read five times.Everything on this page reads one variable. Change the section, not five properties.
One custom property, set at the wrapper, read by var() in the glow, the cursive word, the dot, and the button.
.a-teal, .a-violet, and the rest set --acc/--acc-bg to drive one card's stripe, tick, and hover border. Wayfinding is that same mechanism, widened from one card to a whole section.--acc drives the stripe, the tick, the hover border.
Same two variables, different card, different color.
The pattern this page generalizes. Same six colors, three surfaces instead of five, scoped to one card instead of one section.