Potato Design System把语义放在颜色之前

基于 Catppuccin 与 Patina 的框架无关 Design Token，使用 OKLCH、CSS Custom Properties 与 UnoCSS 连接设计和应用。

Semantic first

业务只使用 background、primary、error、tip 等语义，不感知 Catppuccin 色名。

CSS Custom Properties 是跨 Vue、Nuxt、普通 CSS 与未来框架的稳定边界。

Playground 用真实 Dashboard 场景验证主题、品牌色、Surface、字体和圆角。

这一阶段稳定基础语言，不追求组件数量。packages/ui 是唯一 Token Source of Truth；本站负责解释，Playground 负责实验。正式组件库、React Adapter、Nuxt Module、Frappé / Mocha Theme Pack 不在当前范围。

text

Primitive Palette → Semantic Token → CSS Variables → UnoCSS preset → Application

Catppuccin 只提供 palette。Patina 负责品牌记忆；#008080 是历史锚点，不是每个场景都必须机械使用的值。