:root {
    --app-white: #FFFFFF;
    --app-blue-catskill-white: #F2F5F8;
    --app-blue: #1575DA;
    --app-dark-blue: #0052A8;
    --app-red: #F24E4C;
    --app-grey-pearl: #F8F8F8;
    --app-grey: #313131;
    --app-boltgun-metal: #393939;
    --app-rainy-grey: #A5A5A5;
    --app-light-grey: #DCDCDC;
    --app-very-light-grey: #F0F0F0;
    --app-green: #61CB6C;
    --app-light-grey2: #D2D2D2;
    --app-blue-brilliant-white: #E5F2FF;
    --mud-palette-black: red;
    --app-light-red: #FEF2F2;
    --link-blue: #3485E4;
    --app-success: #48B16E;
    --app-success-light: #F4FFF8;
    --app-error: #FF6463;
    --app-error-light: #FFF3F3;
    --app-alert: #DCA048;
    --app-alert-light: #FFFAF2;
    --app-red-verylight: #FFF5F4;
    --app-black: #000000;
    --app-light: #F5F5F5;
    --app-success-box: #E8F8E8;
    --app-light-green: #F0FDF4;
}

.color-white {
    color: var(--app-white);
}

.color-blue-catskill-white {
    color: var(--app-blue-catskill-white);
}

.color-blue {
    color: var(--app-blue) !important;
}


.color-blue-info {
    color: var(--app-blue-info);
}

.color-red {
    color: var(--app-red);
}

.color-light-red {
    color: var(--app-light-red);
}

.color-grey-pearl {
    color: var(--app-grey-pearl);
}

.color-grey {
    color: var(--app-grey);
}

.color-boltgun-metal {
    color: var(--app-boltgun-metal) !important;
}

.color-rainy-grey {
    color: var(--app-rainy-grey);
}

.color-green {
    color: var(--app-green);
}

.color-light-grey2 {
    color: var(--app-light-grey2);
}


.color-link-blue {
    color: var(--link-blue) !important;
}

.color-success {
    color: var(--app-success);
}

.color-alert {
    color: var(--app-alert);
}

.color-error {
    color: var(--app-error);
}
.color-black {
    color: var(--app-black);
}

.bg-blue-catskill-white {
    background: var(--app-blue-catskill-white) !important;
}

.bg-grey-pearl {
    background: var(--app-grey-pearl) !important;
}

.bg-dark {
    background-color: var(--app-boltgun-metal) !important;
}

.bg-light-grey {
    background-color: var(--app-light-grey) !important;
}
.bg-very-light-grey {
    background-color: var(--app-very-light-grey) !important;
}
.bg-light-red {
    background-color: var(--app-light-red) !important;
}
.bg-red {
    background-color: var(--app-red) !important;
}
.color-lightgrey {
    color: var(--app-light-grey) !important;
}
.bg-blue {
    background-color: var(--app-blue) !important;
}
.bg-light1 {
    background-color: var(--app-light) !important;
}
.bg-light-green {
    background-color: var(--app-light-green) !important;
}