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.