CSS Variables

https://santrikoding.com/belajar-css-dasar-15-css-variables
sintaks

:root {
--nama-variable: nilai;
}

untuk penggunaannya

.selector {
property: var(--nama-variable);
}

contoh dasar

:root {
  --warna-utama: #3498db;
  --padding-standar: 16px;
}

.button {
  background-color: var(--warna-utama);
  padding: var(--padding-standar);
}

Variable juga bersifat scope

.card {
  --warna-utama: green;
}

jika kita pakai var(--warna-utama) didalam card maka warna akan hijau tapi jika diluar card maka warna akan mengikuti :root