:root {
    --white: #FFFFFF;
    --spb-light-purple: #BF007A;
    --spb-dark-grey: #7F7D7F;
    --spb-light-grey: #E6E4E5;
    --spb-digital-purple: #A128A8;
    --spb-black: #373737;
    --placeholder-grey: #BCBBBC;
    --input-light-grey-bg: #F6F6F6;
    --spb-digital-blue: #2B5BD3;
    --spb-light-blue: #00A8D9;
    --input-light-grey-border: #EFF1F5;
    --grey-border: #707070;

    --default-transition: all .3s;
}

.color-white { color: var(--white) !important; }
.color-spb-light-purple { color: var(--spb-light-purple) !important; }
.color-spb-dark-grey { color: var(--spb-dark-grey) !important; }
.color-spb-light-grey { color: var(--spb-light-grey) !important; }
.color-spb-digital-purple { color: var(--spb-digital-purple) !important; }
.color-spb-black { color: var(--spb-black) !important; }
.color-placeholder-grey { color: var(--placeholder-grey) !important; }
.color-input-light-grey-bg { color: var(--input-light-grey-bg) !important; }
.color-spb-digital-blue { color: var(--spb-digital-blue) !important; }
.color-spb-light-blue { color: var(--spb-light-blue) !important; }
.color-input-light-grey-border { color: var(--input-light-grey-border) !important; }
.color-grey-border { color: var(--grey-border) !important; }