设计 Token 化与 CSS 变量：构建可维护的 WordPress 主题样式系统

随着主题复杂度的增加，如何管理成百上千的样式变量成为了一个关键挑战。本指南介绍设计 Token 化的方法论，并演示如何在 WordPress 主题中落地这一实践。

我们将从设计 Token 的概念出发，建立一套层次化的变量体系：基础 Token（颜色、字体、间距）、语义 Token（主色、文本色、边框色）和组件 Token（按钮、卡片、导航）。然后通过 CSS 自定义属性（变量）在主题中实现这些 Token。

最终，你将拥有一个可以通过几行变量调整就能全局切换主题风格的灵活样式系统。