/* Component: Color and Shadow Utility Classes
 * Description: Provides utility classes for applying specific background colors and a base shadow effect to elements.
 *              Color classes use CSS variables for easy theme management. The shadow class adds a prominent drop shadow.
 */
 

.smd-color_mediumslateblue {
    background-color: var(--color-mediumslateblue) !important;
}

.smd-color_darkslateblue {
    background-color: var(--color-darkslateblue) !important;
}

.smd-color_lightblue {
    background-color: var(--color-lightblue) !important;
}

.smd-color_blue {
    background-color: var(--color-blue) !important;
}

.smd-color_branding-primary {
    background-color: var(--color-branding-primary) !important;
}

.smd-color_branding-secondary {
    background-color: var(--color-branding-secondary) !important;
}


.smd-component_base-shadow {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}