Design with tokens, not loose values
The output should support a real system, not just one isolated screen.
Start with a base color and derive variations with HSL or other controlled adjustments so the palette feels related rather than random.
Check contrast before exporting anything. A pretty gradient that breaks button readability is not a usable result.
- Useful tokens: `--color-primary`, `--color-secondary`, `--gradient-main`.
- Angle and saturation are often the most valuable early controls.
- Keep the base palette focused instead of introducing too many competing colors.