# Design tokens CSS custom properties from `src/tokens/`. Use with `var(--velin-*, fallback)`. See also: [`examples/tokens.full.json`](../../examples/tokens.full.json) for JSON `tokens build` input. | Category | Variables | Reference | | --- | --- | --- | | aspect-ratio | 6 | [aspect-ratio.md](./aspect-ratio.md) | | color | 112 | [color.md](./color.md) | | fonts | 6 | [fonts.md](./fonts.md) | | motion | 22 | [motion.md](./motion.md) | | radius | 9 | [radius.md](./radius.md) | | shadow | 15 | [shadow.md](./shadow.md) | | spacing | 18 | [spacing.md](./spacing.md) | | typography | 33 | [typography.md](./typography.md) | | z-index | 11 | [z-index.md](./z-index.md) |