Tokens live in matcha-ui/styles/matcha.css as CSS variables and @theme inline mappings. Use Tailwind utilities (bg-primary, text-heading-lg, p-section, rounded-2xl) or var(--primary) / cssVar from matcha-ui.
background
bg-background
foreground
bg-foreground
primary
bg-primary
primary-foreground
bg-primary-foreground
secondary
bg-secondary
muted
bg-muted
accent
bg-accent
destructive
bg-destructive
border
bg-border
success
bg-success
warning
bg-warning
info
bg-info
chart-1
bg-chart-1
chart-2
bg-chart-2
chart-3
bg-chart-3
chart-4
bg-chart-4
chart-5
bg-chart-5
Semantic spacing: p-*, m-*, gap-* with token names.
text-captiontext-body-smtext-body-mdtext-body-lgtext-heading-smtext-heading-mdtext-heading-lgtext-heading-xltext-heading-2xltext-heading-3xltext-display-smtext-display-mdtext-display-lgAlso: tracking-tight … tracking-widest, font-medium, font-semibold.