分类体系

1. 基础色彩

• 主色调
• 辅色调
• 功能色
• 中性色

2. 语义化色彩

• 文本色、背景色、边框色等
• 基于使用场景定义，而非直接使用颜色

3.其他视觉变量

• 字体（font-family, font-size, line-height）
• 间距（spacing）
• 圆角（border-radius）
• 阴影（box-shadow）

Scss function