CSS變量是CSS3中新增的一個特性，允許開發者定義一些通用的值，然后可以在CSS中直接使用該變量，它的語法如下：

:root {
--主色調: #64C9D9;
}

在上面的代碼中，我們定義了一個根選擇器（:root），并且在其中聲明了一個名為“主色調”的變量，它的值為#64C9D9。

要在CSS中使用這個變量，我們只需要使用var()函數調用它即可：

button {
color: var(--主色調);
}

在上面的代碼中，我們將按鈕的顏色設置為主色調的值。

變量在CSS中的定義是全局的，也就是說，如果在一個選擇器中定義了變量，其他選擇器也可以使用它。這使得復雜的樣式表更加清晰和易于維護。

此外，CSS變量還支持繼承。這意味著，如果一個元素的父元素定義了一個變量，其子元素也可以使用該變量，并且可以通過覆蓋來修改變量的值。

總而言之，CSS變量是一項非常實用和強大的特性，可以幫助我們更好地組織和管理CSS代碼，并且也有助于提高代碼的可讀性和可維護性。