| CSS Variable | Value | Usage |
|---|---|---|
--color-primary |
#8386f5 |
Main brand color, primary UI elements |
--color-secondary |
#3d43b4 |
Secondary accents, hover states |
--bg-primary |
#041348 |
Main background color |
--color-success |
#1afe49 |
Success messages, confirmations |
--bg-success-dark |
#083e12 |
Success state backgrounds |
| CSS Variable | Value | Usage |
|---|---|---|
--color-primary |
#f887ff |
Main brand color, primary UI elements |
--color-secondary |
#de004e |
Secondary accents, hover states |
--bg-primary |
#29132e |
Main background color |
--bg-secondary |
#321450 |
Card backgrounds, containers |
--color-danger |
#860029 |
Error messages, danger states |
| CSS Variable | Value | Usage |
|---|---|---|
--color-primary |
#ff124f |
Main brand color, primary UI elements |
--color-secondary |
#ff00a0 |
Secondary accents, active states |
--color-tertiary |
#7a04eb |
Tertiary accents, borders |
--bg-primary |
#120458 |
Main background color |
--color-accent-light |
#fe75fe |
Light highlights, subtle accents |