Playground
Everything below runs in your browser: applyBrand derives a full theme from your choices (hover/active shades, readable on-primary, whole type and spacing ramps), emitTheme emits it scoped to the preview, and checkThemeContrast reports WCAG failures live.
✓ All WCAG AA pairs pass
Your brand, derived
Body text sits on color.bg; this paragraph spacing follows your density.
Card surface
Radius preset md, shadow and border all come from re-pointed tokens — nothing here was styled by hand for this preview.