Colors

Colors defines the shared palette used across the storefront. Set the general background and text relationship first, then review component-specific surfaces and states.

Current color groups

• General, including background, text, success, warning, and error colors
• Header
• Footer
• Drawer and popover
• Primary button
• Secondary button
• Product cards, ratings, promotional states, sold-out states, and custom badges

Review before publishing

• Check text and control contrast in default, hover, focus, disabled, success, warning, and error states.
• Review header colors over every media treatment used by the store.
• Confirm drawer, popover, and card surfaces remain distinct from the page background.