Color Palette
Primary Colors
Usage: Primary CTAs, emphasis, brand moments
Usage: Interactive elements, buttons, links
Secondary Colors
Usage: Dark backgrounds, headers
Usage: Success states, positive indicators
Usage: Positive changes, success messages
Usage: Warnings, important notices
Usage: Errors, negative changes
Neutral Colors
Light Backgrounds
Usage: Primary light background
Usage: Secondary light background
Usage: Borders, dividers
Dark Backgrounds
Usage: Primary dark background
Usage: Secondary dark background
Usage: Dark UI elements
Text Colors
Usage: Main text on light backgrounds
Usage: Secondary text on light backgrounds
Usage: Main text on dark backgrounds
Usage: Secondary text on dark backgrounds