How does a CSS custom property differ from a Sass or LESS variable?

Short interview answer

A preprocessor variable is substituted once at compile time, producing static output CSS with no trace of the variable. A custom property is a real runtime value that participates in the cascade and inheritance; var() re-evaluates it whenever the winning declaration for that property changes, which is what lets one override restyle an entire subtree without recompiling anything.