Les propriétés personnalisées, ou variables CSS, se déclarent avec deux tirets (--couleur-principale) et s'utilisent avec var(). Définies souvent dans :root, elles centralisent les valeurs réutilisées, héritent comme les autres propriétés et peuvent être modifiées à l'exécution, par exemple pour un thème.
Exemple
:root { --accent: #0a5; }
.bouton { background: var(--accent); }