:root{
    --color_primary: #01A7E1;
    --color_secondary: #0E58C4;
    --color_light: #FFFFFF;
    --color_dark: #2F3437;
    --color_green: #0DB16C;
    --color_darkgreen: #339D91;
    --color_brown: #A37453;
    --color_darkbrown: #5A534D;
    --color_yellow: #FEA02F;
    --color_gray: #DEDEDE;
    --color_lightgray: #00000033;
    --color_darkgray: #7c7c7c1a;
    --color_none: transparent;
}

.text-primary{color: var(--color_primary) !important;}
.text-secondary{color: var(--color_secondary) !important;}
.text-light{color: var(--color_light) !important;}
.text-dark{color: var(--color_dark) !important;}
.text-green{color: var(--color_green) !important;}
.text-darkgreen{color: var(--color_darkgreen) !important;}
.text-brown{color: var(--color_brown) !important;}
.text-darkbrown{color: var(--color_darkbrown) !important;}
.text-yellow{color: var(--color_yellow) !important;}
.text-gray{color: var(--color_gray) !important;}
.text-lightgray{color: var(--color_lightgray) !important;}
.text-darkgray{color: var(--color_darkgray) !important;}

.bg-primary{background-color: var(--color_primary) !important;}
.bg-secondary{background-color: var(--color_secondary) !important;}
.bg-light{background-color: var(--color_light) !important;}
.bg-dark{background-color: var(--color_dark) !important;}
.bg-green{background-color: var(--color_green) !important;}
.bg-darkgreen{background-color: var(--color_darkgreen) !important;}
.bg-brown{background-color: var(--color_brown) !important;}
.bg-darkbrown{background-color: var(--color_darkbrown) !important;}
.bg-yellow{background-color: var(--color_yellow) !important;}
.bg-gray{background-color: var(--color_gray) !important;}
.bg-lightgray{background-color: var(--color_lightgray) !important;}
.bg-darkgray{background-color: var(--color_darkgray) !important;}