Colors are in the map $color-themes. Each color themes have 5 variables:

• Base
• Dark
• Light
• Transparent
• Contrast

Colors can be called in the sass project using the functions:

color($color-name, $color-variant:null, $true-val:false) which will output by default the CSS variable

Usage of font-family():

• color(danger) => var(--color-danger-base) If $use-css-var = true
• color(danger) => #c65556 If $use-css-var = false
• color(success, base, true) => #c65556
• color(success, light) => var(--color-success-light) If $use-css-var = true
• color(success, light) => #76bd7a If $use-css-var = false
• color(success, light, true) => #76bd7a