:root {
    --cta: #FEA853;
    --brand-grey: #666666;
    --brand-blue: #0C71C3;
    --coal: #222721;
    --white: #FFFFFF;
    --light-grey: #F5F5F5;
    --mid-grey: #D8D8D8;
    --dark-grey: #999999;
    --text-black: #2A2A2A;
    --black: #000000;
}

.cta_background {
    background-color: var(--cta);
}
.cta {
    color: var(--cta);
}
.brand-blue_background {
    background-color: var(--brand-blue);
}
.brand-blue {
    color: var(--brand-blue);
}
.mid-grey_background {
    background-color: var(--mid-grey);
}
.mid-grey {
    color: var(--mid-grey)
}
.coal_background {
    background-color: var(--coal);
}
.coal {
    color: var(--coal)
}
.white_background {
    background-color: var(--white);
}
.white {
    color: var(--white);
}
.light-grey_background {
    background-color: var(--light-grey);
}
.light-grey {
    color: var(--light-grey);
}
.dark-grey_background {
    background-color: var(--dark-grey);
}
.dark-grey {
    color: var(--dark-grey);
}
.text-black_background {
    background-color: var(--text-black);
}
.text-black {
    color: var(--text-black);
}
.black_background {
    background-color: var(--black);
}
.black {
    color: var(--black);
}