:root {
    --Primary: #b8469a;
    --black: #232323;
    --white: #fff;
    --darkGray: #9da4b4;
    --gray: #f2f2f2;
    --lightGray: #f0f2f5;
    --warning: #e67e22;
    --danger: #ff0000;
    --success: #319a31;
    --bodyColor: #F0FFFF;
}

.bg-body{
    background-color: var(--bodyColor);
}
.primary {
    color: var(--Primary);
}
.black {
    color: var(--black);
}
.white {
    color: var(--white);
}
.gray{
    color: var(--gray);
}
.lightGray{
    color: var(--lightGray);
}
.darkGray{
    color: var(--darkGray);
}
.warning{
    color: var(--warning);
}
.danger{
    color: var(--danger);
}
.bg--danger{
    background-color: var(--danger);
}
.success{
    color: var(--success);
}
.bg--primary{
    background-color: var(--Primary) !important;
}
.bg--gray{
    background-color: var(--gray) !important;
}
.bg--lightGray{
    background-color: var(--lightGray) !important;
}
.bg--darkGray{
    background-color: var(--darkGray) !important;
}
.border--primary{
    border-color: var(--Primary) !important;
}
.border--gray{
    border-color: var(--gray) !important;
}
.border--lightGray{
    border-color: var(--lightGray) !important;
}
.border--darkGray{
    border-color: var(--darkGray) !important;
}