/*colors*/
.color-black {
    color: var(--black);
}
.color-crimson {
    color: var(--crimson-blaze);
}
.color-subdued {
    color: var(--subdued);
}
.color-white {
    color: var(--white);
}
.color-grey-light {
    color: var(--grey-light);
}
.color-grey-medium {
    color: var(--grey-medium);
}
.color-blush {
    color: var(--whispering-blush);
}
.color-cotton-ball {
    color: var(--cotton-ball);
}
.color-cotton-cloud {
    color: var(--cotton-cloud);
}


.color-crown {
    color: var(--crown-jewels);
}
.color-tanzine {
    color: var(--tanzine);
}
.color-magenta {
    color: var(--magenta-crayon);
}
.color-jade {
    color: var(--jade-green);
}
.color-green {
    color: var(--green-tea);
}
.color-sea {
    color: var(--sea-serpant);
}
.color-exotic {
    color: var(--exotic-intense);
}
.color-salmon {
    color: var(--buttery-salmon);
}
.color-chanterelles {
    color: var(--chanterelles);
}
.color-queen-blue {
    color: var(--queen-blue);
}
.color-iris {
    color: var(--ayame-iris);
}
.color-red-bud {
    color: var(--red-bud);
}


/*backgrounds*/
.bgc-black {
    background-color: var(--black);
}
.bgc-crimson {
    background-color: var(--crimson-blaze);
}
.bgc-subdued {
    background-color: var(--subdued);
}
.bgc-white {
    background-color: var(--white);
}
.bgc-grey-light {
    background-color: var(--grey-light);
}
.bgc-grey-medium {
    background-color: var(--grey-medium);
}
.bgc-blush {
    background-color: var(--whispering-blush);
}
.bgc-cotton-ball {
    background-color: var(--cotton-ball);
}
.bgc-cotton-cloud {
    background-color: var(--cotton-cloud);
}
.bgc-cotton-grey {
    background: rgba(138, 126, 126, 0.08); /*not in design system*/
}


.bgc-crown {
    background-color: var(--crown-jewels);
}
.bgc-tanzine {
    background-color: var(--tanzine);
}
.bgc-magenta {
    background-color: var(--magenta-crayon);
}
.bgc-jade {
    background-color: var(--jade-green);
}
.bgc-green {
    background-color: var(--green-tea);
}
.bgc-sea {
    background-color: var(--sea-serpant);
}
.bgc-exotic {
    background-color: var(--exotic-intense);
}
.bgc-salmon {
    background-color: var(--buttery-salmon);
}
.bgc-chanterelles {
    background-color: var(--chanterelles);
}
.bgc-queen-blue {
    background-color: var(--queen-blue);
}
.bgc-iris {
    background-color: var(--ayame-iris);
}
.bgc-red-bud {
    background-color: var(--red-bud);
}