Sharp rectangles, no radii, no borders: the fill is the border. Gold is the single primary on a screen and stays gold on every realm page — it reads the invariant gold channel. Only .hb-btn--accent follows the character colour.

Focus is an inner 2px line inside the shape — tab through the row to see it. Nothing is ever drawn outside a control and the system focus ring is replaced, never stacked. Every hover is duplicated by :active so touch gets the same feedback.

Ink contour 1.5px outside. The gradient exists only on dark: restrained metallic, dark side on top (171°), no light line inside. On a light background the outlined button is always flat gold — a gradient there turns muddy. Showcase CTAs and hero only; service buttons stay flat.

Resize the window under 768px: the row becomes a stack, the primary goes full width and the text link pins left. Touch targets never drop below 44px.

Prices are set in the display serif so the numerals stop fighting the Manrope labels around them. The plate reads --hb-gold, not --hb-accent: a price is gold on the pink Vibrators page and gold on the blue BDSM page.

Ink/gold, gold/ink, paper-deep for neutral. .hb-badge--accent is the only one that follows the character colour — use it for realm labels, never for stock or sale.

Chips carry the realm accent; the current one inverts to gold so the active position is always the brand colour, whatever realm the page is in.

Price left, square Add right. In the comic card the price moves up into the gold plate top-right and the buyline stays as the place for Add.

Destructive actions happen immediately, with no “are you sure?”: a 5-second toast with Undo. Adding to cart gets no toast at all — the button plays Added and the cart badge twitches.

Never re-tinted by a page. Price plates, the one primary CTA, the logo, the card lift shadow. Click any swatch to copy its var().

These values are read from the live page, so on a plain page they are gold. Open a collection with a character to watch the whole channel move:

Small plates stay flat --hb-gold. On a bright gradient fill the light inner contour is not drawn.

One shared hover gesture: translate(−3px, −3px) plus a hard shadow, no blur. prefers-reduced-motion zeroes every duration and the lift in one place, in the tokens file — nothing else has to check for it.