Color classes and variables for elements, components and layouts.
The “Basic colors” section defines general colors for backgrounds, text, links, and borders.
The “Block colors” section offers preset color combinations for large content areas.
The “Brand Colors” section defines primary brand hues with contrast-friendly shades for accessibility.
The “Element Colors” section defines specific shades for buttons, icons, and interactive elements.
The “Status Colors” section provides distinct hues representing success, warnings, errors, and informational states.