定义变量：

:root {
    --primary-color: #3498db;
    --padding-size: 10px;
}

• :root 是全局作用域，代表整个HTML文档的根节点。
• --primary-color 和 --padding-size 是CSS变量。

引用变量：

.button {
    background-color: var(--primary-color);
    padding: var(--padding-size);
}

• 使用 var() 函数引用变量。

---