用途：为项目建立统一的设计决策来源，把颜色、字体、间距、圆角等以设计令牌形式集中定义，供设计与开发共同使用。
主要能力：采用 CSS 优先思路，在 CSS 的 @theme 中定义令牌而非 JavaScript 配置；使用语义化命名（如 --color-primary 而非 --color-blue-500）；使用 OKLCH 颜色以获得感知均匀性；为中性色加入极轻微品牌色相（chroma 0.005-0.02）而非纯灰；内置暗色模式支持；提供 CSS 变量集成与类型安全的自动补全。
使用方式：在 CSS 中 @import "tailwindcss"; 后使用 @theme 块定义令牌，例如 --brand-hue、--color-primary、--color-background、--font-sans、--spacing-md、--radius-md 等。暗色模式可在 @theme 内用 @media (prefers-color-scheme: dark) 覆盖同名变量，保持品牌色相不变、反转明度。从 Tailwind 3 迁移时删除 tailwind.config.js，改为 CSS @theme。
适用场景：需要统一设计系统、支持暗色模式、希望减少硬编码值的 Tailwind CSS 4 前端项目。
限制与建议：避免硬编码值、纯灰（chroma 0）、通用字体（Inter/Roboto）、跳过暗色模式或初期创建过多令牌。资料还列出 references 目录下的 color-system、typography、spacing、dark-mode、component-tokens 等参考文件，以及可与 frontend-design 配合使用。具体收费、平台与效果暂未提供。