Intro

Particle defines CSS variables (also known as CSS custom properties) for common design system values like colors, font sizes, box-shadows, border radii, etc.

These variables are referenced internally by base styles, utility classes, and component styles. They can and should be referenced by CSS in the consuming application to align styles with the design system and the current theme.

The following pages document the CSS variables defined by Particle themes.