最近我看到一個非常酷的演示視頻，它演示了如何使用CSS變量來改變網站的背景顏色、文字顏色等，感覺非常神奇。

這個視頻使用了pre標簽來顯示CSS代碼，在其中定義了一些變量，然后在CSS樣式中使用這些變量來實現視覺效果的改變。比如：

:root{
--primary-color: #3498db;
--secondary-color: #f1c40f;
}
body{
background-color: var(--primary-color);
color: var(--secondary-color);
}

在這段CSS代碼中，:root選擇器代表整個文檔，它下面定義了兩個變量primary-color和secondary-color的值分別為#3498db和#f1c40f。在body元素的樣式中使用var()函數來引用這些變量，從而改變了背景和文字的顏色。

這個演示視頻還演示了如何使用JavaScript來修改這些變量的值，從而使頁面的顏色隨著用戶的交互而改變。這給我留下了深刻的印象，也讓我學到了很多新知識。