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