@mixin color_classes {
    // White/Black
    &.color-white, &.color-white-text { color: var(--color-white-text); }
    &.color-white-muted { color: var(--color-white-muted); }
    &.color-black, &.color-black-text { color: var(--color-black-text); }
    &.color-black-muted { color: var(--color-black-muted); }

    // Primary/Secondary
    &.color-primary { color: var(--color-primary); }
    &.color-secondary { color: var(--color-secondary); }

    // Light/Dark
    &.color-light { color: var(--color-light); }
    &.color-light-text { color: var(--color-light-text); }
    &.color-light-muted { color: var(--color-light-muted); }
    &.color-dark { color: var(--color-dark); }
    &.color-dark-text { color: var(--color-dark-text); }
    &.color-dark-muted { color: var(--color-dark-muted); }
}