Palette Abstraction

Overview: For each White Label item, a design palette is created—a set of CSS variables that encapsulate the customer’s brand colors and styling. 

 Examples: 

 

 Base Variables: For example, --p-10: #390b00; defines a primary color. 

 Component Variables: For example, --on-primary: var(--p-100); is used to style text or elements placed over the primary color.