CSS MODULES
The same tokens, scoped to each component.
This card reads --demo-surface, --demo-ink, --demo-space-card, and --demo-radius-card from card.module.css. Wind is off. The Wind demo uses the same authored properties through zudo-wind utilities at zdtp-demo-zudowind.zudolab.dev.
PALETTE
Four groups, one palette
Open the token panel and edit a ramp or the card spacing. Semantic roles use light-dark(), and the note beside the title keeps its own scoped class.
Base
0
1
2
3
4
5
6
Brand
0
1
2
3
4
Accent
0
1
2
3
State
Success
Danger
Warning
Info