色彩系统

一个好的色彩系统不是一组好看的颜色，而是一组有语义关系的设计决策。每个颜色都应该有明确的用途定义——背景、前景、强调、状态——而不是凭感觉挑选。

语义化色彩系统的核心是“角色”而非“色值”。当你说“primary”时，你定义的是一个角色——主色调；当设计需要换肤时，只需要替换角色的色值，而不需要修改所有使用primary的组件。

好的色彩系统还有一个特征：可预测。当设计师说“用muted-foreground”，开发者不需要猜这是什么颜色——系统已经定义好了。这种可预测性是设计系统价值的基石。