/* Text Color */
.color-primary-base {
    color: var(--primary-base) !important;
}

.color-primary-lightest {
    color: var(--primary-lightest) !important;
}

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

.color-primary-dark {
    color: var(--primary-dark) !important;
}

.color-primary-darker {
    color: var(--primary-darker) !important;
}

.color-secondary-base {
    color: var(--secondary-base) !important;
}

.color-secondary-lightest {
    color: var(--secondary-lightest) !important;
}

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

.color-secondary-dark {
    color: var(--secondary-dark) !important;
}

.color-secondary-darker {
    color: var(--secondary-darker) !important;
}

.color-black {
    color: var(--black) !important;
}

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

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

/* BackgroundColor */
.background-primary-lightest {
    background-color: var(--primary-lightest) !important;
}

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

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

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

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

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

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

.background-secondary-lightest {
    background-color: var(--secondary-lightest) !important;
}

.background-secondary-lighter {
    background-color: var(--secondary-lighter) !important;
}

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

.background-secondary-base {
    background-color: var(--secondary-base) !important;
}

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

.background-secondary-darker {
    background-color: var(--secondary-darker) !important;
}

.background-secondary-darkest {
    background-color: var(--secondary-darkest) !important;
}

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

.background-footer {
    background-color: #0F0C0C;
}

/* Border Color */
.border-primary-lightest {
    border-color: var(--primary-lightest) !important;
}
