:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #772953;
    --pink: #e83e8c;
    --red: #DF382C;
    --orange: #E95420;
    --yellow: #EFB73E;
    --green: #38B44A;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #333;
    --primary: #E95420;
    --secondary: #AEA79F;
    --success: #38B44A;
    --info: #17a2b8;
    --warning: #EFB73E;
    --danger: #DF382C;
    --light: #e9ecef;
    --dark: #772953;
    --olive: #808000;
    --olivedrab: #6B8E23;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}

.bg-blue { background-color: var(--blue); }
.bg-indigo { background-color: var(--indigo); }
.bg-purple { background-color: var(--purple); }
.bg-pink { background-color: var(--pink); }
.bg-red { background-color: var(--red); }
.bg-orange { background-color: var(--orange); }
.bg-yellow { background-color: var(--yellow); }
.bg-green { background-color: var(--green); }
.bg-teal { background-color: var(--teal); }
.bg-cyan { background-color: var(--cyan); }
.bg-white { background-color: var(--white); }
.bg-gray { background-color: var(--gray); }
.bg-gray-dark { background-color: var(--gray-dark); }
.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.bg-success { background-color: var(--success); }
.bg-info { background-color: var(--info); }
.bg-warning { background-color: var(--warning); }
.bg-danger { background-color: var(--danger); }
.bg-light { background-color: var(--light); }
.bg-dark { background-color: var(--dark); }
.bg-olive { background-color: var(--olive); }
.bg-olivedrab { background-color: var(--olivedrab); }

.text-blue { color: var(--blue); }
.text-indigo { color: var(--indigo); }
.text-purple { color: var(--purple); }
.text-pink { color: var(--pink); }
.text-red { color: var(--red); }
.text-orange { color: var(--orange); }
.text-yellow { color: var(--yellow); }
.text-green { color: var(--green); }
.text-teal { color: var(--teal); }
.text-cyan { color: var(--cyan); }
.text-white { color: var(--white); }
.text-gray { color: var(--gray); }
.text-gray-dark { color: var(--gray-dark); }
.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-success { color: var(--success); }
.text-info { color: var(--info); }
.text-warning { color: var(--warning); }
.text-danger { color: var(--danger); }
.text-light { color: var(--light); }
.text-dark { color: var(--dark); }
.text-olive { color: var(--olive); }
.text-olivedrab { color: var(--olivedrab); }