Default variable overrides
Filename: _default-variable-overrides.scss
In this file, we will add all customization code regarding colors, global options, global variables, and layout, and some of the customization code regarding forms and components. There will also be customization code regarding forms and components (as well as other customization code) in the _variable-value-using-variable.scss file, which we will take a closer look at later in this chapter.
Color palette
The first thing we want to do is define our own color palette. Together with typography (which we will customize later in this chapter), this is a very important aspect of a visual design that defines a brand.
We override all contextual color classes by assigning them a new hexadecimal color value, but any other ways to define colors can be used. The $secondary, $light, and $dark variables are assigned a color value from the list of gray colors defined in Bootstrap 5, as noted in the comments. The variables...
