Design tokens
CSS custom properties and the JS token map exported from @coloxo/ui.
Location
Tokens live in packages/ui/src/tokens and packages/ui/src/styles/tokens.css.
Prefix
All design tokens use the --cx- prefix for isolation from host styles.
Coverage
Color, typography, spacing, radius, borders, shadows, control heights, motion, z-index, and focus rings.
JS import
Import the token map for documentation tooling or runtime introspection.
tsx
import { tokens } from "@coloxo/ui";