--aura-text-primary-inverse

Default inverse text color for general website.

*:root {
    --aura-text-primary-inverse: #fff
}

--aura-text-primary-inverse is a CSS custom property that specifies the inverse color of default color text for html. The value of --aura-text-primary is used as color in html.

In the CSS file, the variable is defined for the button-fill color as follows:

.button-fill {
    color: var(--aura-text-primary-inverse);
}

By using the --aura-text-primary-inverse custom property, the default color of .button-fill can be easily changed and updated in one place, which helps maintain consistency and makes updates more manageable.