/* ===== Design tokens ===== One accent, used for one thing. What this replaced ran five saturated hues at once — indigo brand, orange price, rose savings, amber warning, sky info — so a single product card could show four of them and none read as important. It was also the default template look: indigo #4f46e5 over a purple hero gradient, which says "B2B dashboard", not "shopping". The rule now is that green means money and nothing else means anything. The price, the saving, the primary action and the "lowest we've seen" badge are the only saturated things on a listing page, so the eye lands on the number the site exists to show. Brass appears only where time matters — a deal running out. Red appears only when something is wrong. Three hues, and two of them are rare. Every foreground/background pair here was measured against WCAG 2.1 AA before it was committed, because the palette this replaced had not been: the price — the single most important number on the site — sat at 2.80:1 on white, under even the 3:1 floor for large text, and the savings line at 3.67:1. Nothing below is under 3.6:1, and every body-text pair clears 4.5:1 in both themes. */ /* `.admin-shell` shares this block rather than inheriting from :root, which is how the admin area opts out of dark mode in one selector instead of a second copy of the palette. Custom properties declared on an element beat the inherited ones, so the dark rules below land on and stop at the admin wrapper. The reason it opts out at all: every admin page carries its own