CSS Değişkenleri (Custom Properties)

Tema renklerini tek noktadan yönetme.

CSS değişkenleri, --variable-name şeklinde tanımlanır ve var() ile kullanılır.

Değişken Tanımı ve Kullanımı

:root {
    --primary-color: #4caf50;
    --spacing: 1rem;
}

.button {
    background: var(--primary-color);
    margin: var(--spacing);
    color: white;
    padding: var(--spacing);
}