Any number of brand colors may be defined.
$color-1
$color-2
$color-3
$color-4
$color-5
$color-6
$color-7
$color-8
$color-9
$color-10
White, black, and 9 shades in between, are defined by the following variables.
$white
$gray-1 (10% black, 90% white)
$gray-2 (20% black, 80% white)
$gray-3 (30% black, 70% white)
$gray-4 (40% black, 60% white)
$gray-5 (50% black, 50% white)
$gray-6 (60% black, 40% white)
$gray-7 (70% black, 30% white)
$gray-8 (80% black, 20% white)
$gray-9 (90% black, 10% white)
$black
There are so many different things on your website where colors need to be assigned! The trick is managing your colors.