CSSでカラー等を変数で管理する

:rootに定義する

:root {
  --theme-color: #FFF
}

というように :root 擬似クラスに --theme-color という変数名で #FFF が定義する事ができます。

あとはここで定義された変数は

.text {
  color: var(--thema-color);
}

として var(--theme-color) として使用する事ができます。

変数でよく使う色だったり文字サイズだったりを変数として定義していればCSSの管理は楽になるのではないでしょうか。