:root {
    --moderate: #ffaf48;
    --low: #77b79a;
}

.text-default {
    color: var(--dark);
}

.bg-default {
    background-color: var(--white);
}

/*Moderate colors*/
.text-moderate {
    color: var(--moderate);
}

.badge-moderate {
    color: #fff;
    background-color: var(--moderate);
}

a.badge-moderate:hover, a.badge-moderate:focus {
    color: #fff;
    background-color: #ffa648;
}

a.badge-moderate:focus, a.badge-moderate.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 214, 72, 0.5);
}

.badge-moderate-100 {
    color: #333;
    background-color: #fffbed;
}

a.badge-moderate-100:hover, a.badge-moderate-100:focus {
    color: #333;
    background-color: #fff0ba;
}

a.badge-moderate-100:focus, a.badge-moderate-100.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 251, 237, 0.5);
}

.bg-moderate {
    background-color: var(--moderate) !important;
}

/*low colors*/
.badge-low {
    color: #fff;
    background-color: var(--low);
}

a.badge-low:hover, a.badge-low:focus {
    color: #fff;
    background-color: #ffa648;
}

a.badge-low:focus, a.badge-low.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 214, 72, 0.5);
}

.badge-low-100 {
    color: #333;
    background-color: #fffbed;
}

a.badge-low-100:hover, a.badge-low-100:focus {
    color: #333;
    background-color: #fff0ba;
}

a.badge-low-100:focus, a.badge-low-100.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 251, 237, 0.5);
}

.bg-low {
    background-color: var(--low) !important;
}

/*project deliverable styles*/
.bg-deliverable {
    background-color: var(--white) !important;
    color: var(--dark) !important;
}

.bg-deliverable-header {
    background-color: var(--secondary) !important;
    color: var(--white) !important;
}