.color-primary {
    color: var(--primary);
}

.color-primary-light {
    color: var(--primary-light);
}

.color-secondary {
    color: var(--primary);
}

.color-secondary-light {
    color: var(--secondary-light);
}

.color-white {
    color: var(--white);
}

.color-white-darkest {
    color: var(--white-darkest);
}

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

.color-dark-lightest {
    color: var(--dark-lightest);
}

.color-grey {
    color: var(--grey);
}

.color-grey-light {
    color: var(--grey-light);
}

.background-primary {
    background-color: var(--primary);
}

.background-primary-light {
    background-color: var(--primary-light);
}

.background-secondary {
    background-color: var(--primary);
}

.background-secondary-light {
    background-color: var(--secondary-light);
}

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

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

.background-dark {
    background-color: var(--dark);
}

.background-dark-lightest {
    background-color: var(--dark-lightest);
}

.background-grey {
    background-color: var(--grey);
}

.background-grey-light {
    background-color: var(--grey-light);
}