:root {
    --dark-green: rgb(0, 111, 62);
    --light-green: rgb(111, 180, 48);
    --dark-blue: rgb(4, 47, 65);

    --dark-green-hex: #006F3E;
    --light-green-hex: #6FB430FF;
    --dark-blue-hex: #042F41;

    --dark-green-rgb: 0, 111, 62;
    --light-green-rgb: 111, 180, 48;
    --dark-blue-rgb: 4, 47, 65;

    --orange-hex: #e68e3b;
    --orange: rgb(230, 142, 59);
    --orange-rgb: 230, 142, 59;

    --vino-dark: #621132;
    --vino: #9d2449;

    --bs-purple-rgb: 111, 66, 193;
    --bs-orange-rgb: 253, 126, 20;


}

.bg-teal {
    background-color: var(--bs-teal);
}

.bg-purple {
    background-color: var(--bs-purple);
}

.bg-cyan {
    background-color: var(--bs-cyan);
}

.bg-indigo {
    background-color: var(--bs-indigo);
}

.bg-orange {
    background-color: var(--bs-orange);
}

.bg-yellow {
    background-color: var(--bs-yellow);
}

.btn-secondary-ccleh {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--dark-blue);
    --bs-btn-border-color: var(--dark-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--dark-blue-rgb), .7);
    --bs-btn-hover-border-color: rgba(var(--dark-blue-rgb), .7);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--dark-blue);
    --bs-btn-active-border-color: var(--dark-blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--dark-blue);
    --bs-btn-disabled-border-color: var(--dark-blue);
}

.btn-primary-ccleh {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--dark-green);
    --bs-btn-border-color: var(--dark-green);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--dark-green-rgb), .7);
    --bs-btn-hover-border-color: rgba(var(--dark-green-rgb), .7);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--dark-green);
    --bs-btn-active-border-color: var(--dark-green);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--dark-green);
    --bs-btn-disabled-border-color: var(--dark-green);
}

.text-bg-ccleh-primary {
    color: #fff !important;
    background-color: RGBA(var(--dark-green-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple {
    color: #fff !important;
    background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-orange {
    color: #000 !important;
    background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important;
}