--aura-bg

Default Background color for general website.

*:root {
   --aura-bg: var(--aura-white)
}

--aura-bg is a CSS custom property that specifies the default background color for body. The value of --aura-bg is used as the background body.

In the CSS file, the body is defined as follows:

body {
    min-width: 320px;
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--aura-bg);
}

By using the --aura-bg custom property, the default background color of body can be easily changed and updated in one place, which helps maintain consistency and makes updates more manageable.