如何在CSS中将颜色定义为变量？

在 CSS 中将颜色定义为变量可以通过以下步骤实现：

1. 使用 CSS 预处理器（如 Sass 或 Less）来编写 CSS 代码，这样可以更方便地定义颜色变量。
2. 使用变量名来引用这些颜色变量，并在需要使用这些颜色的地方使用变量名。
3. 在 CSS 中定义一个变量，例如 $main-color，并将它的值设置为所需的颜色值，例如 red。
4. 使用 var() 函数来将变量值设置为 CSS 属性，例如 background-color: var($main-color, dark)，其中 dark 是一个可选参数，用于指定颜色的明暗度。
5. 在需要使用颜色的地方使用变量名，例如 background-color: $main-color，这将使得该元素的背景颜色根据变量的值而变化。

通过这种方式，可以方便地在 CSS 中使用颜色变量，从而提高代码的可重用性和可维护性。