使用CSS自定义属性变量不适用于颜色

Question

如何将color属性设置为CSS自定义属性？

:root {--HomePageFontFamily:PT Sans; --MainColor1:#5F6062; --MainColor2:#003DF5; }

.MainColor1{color:var(--MainColor1);}
.MainColor2{color:var(--MainColor2);}

它说var(--MainColor2);对color属性无效。