# 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.