CSS Variables

CSS Variables — a practical guide to CSS custom properties variables with clear examples you can reuse in real projects.

CSS Tutorial Series (54/109). Prefer one article? Read the complete CSS tutorial.

Short description

Variables unlock theming (light/dark) and consistent design tokens.

Variables

:root {
  --brand: #0f766e;
  --space: 1rem;
}
.btn { background: var(--brand); padding: var(--space); }