用途：css-tokens 通过 CSS 自定义属性建立设计令牌系统，帮助项目统一颜色、间距、字体、圆角、阴影与过渡等样式，减少重复与不一致。
主要能力：资料给出令牌结构，包含语义色与中性色、以 4px 为基准的间距尺度、字号与行高、字重、圆角、阴影、过渡时长与缓动函数。并提供深色模式方案，通过 [data-theme="dark"] 覆盖颜色与阴影变量。
使用方式：在 tokens.css 的 :root 中定义变量，组件中使用 var() 引用，例如 background-color: var(--color-primary)。命名约定为 --{category}-{property}-{variant}，示例有 --color-primary、--space-4、--text-lg、--radius-md、--shadow-lg。资料还给出组件令牌映射表（Button、Input、Card、Badge）与 React ThemeProvider 模式，根据 light、dark、system 设置根元素的 data-theme。
适用场景：需要统一视觉规范、支持明暗主题、跨组件复用样式变量的前端项目。
限制：资料未提供安装命令、版本、依赖、收费与具体平台支持信息；未说明与构建工具或框架的集成细节，上述均暂未提供。