Design tokens are named variables that store visual design decisions such as colour, spacing, typography and shadow values. They are exported from design tools and consumed by code, allowing WordPress and React projects to share a consistent visual language without manual synchronisation; they are not a UI component library but a data layer that bridges design systems and implementation.
