Benefits of CSS Variables

CSS variables (custom properties) allow you to define values once and reuse them throughout your CSS, making it easier to manage themes.

Example

:root {
  --primary-color: #3498db;
}

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

Changing the variable updates the theme across your site, enabling light and dark modes with minimal code.