.PrimaryColor, svg.PrimaryColor, svg.PrimaryColor *, .PrimaryColor svg *, svg.svg-PrimaryColor, .svg-PrimaryColor svg, .svg-PrimaryColor svg path {
    color: var(--primary-color);
    fill: var(--primary-color);
}

.PrimaryColor-light, svg.PrimaryColor-light, svg.PrimaryColor-light *, .PrimaryColor-light svg *, svg.svg-PrimaryColor-light, .svg-PrimaryColor-light svg, .svg-PrimaryColor-light svg path {
    color: var(--primary-color-light);
    fill: var(--primary-color-light);
}

.PrimaryColor-lighter, svg.PrimaryColor-lighter, svg.PrimaryColor-lighter *, .PrimaryColor-lighter svg *, svg.svg-PrimaryColor-lighter, .svg-PrimaryColor-lighter svg, .svg-PrimaryColor-lighter svg path {
    color: var(--primary-color-lighter);
    fill: var(--primary-color-lighter);
}

.SecondaryColor, svg.SecondaryColor, svg.SecondaryColor *, .SecondaryColor svg *, svg.svg-SecondaryColor, .svg-SecondaryColor svg, .svg-SecondaryColor svg path {
    color: var(--secondary-color);
    fill: var(--secondary-color);
}

.SecondaryColor-light, svg.SecondaryColor-light, svg.SecondaryColor-light *, .SecondaryColor-light svg *, svg.svg-SecondaryColor-light, .svg-SecondaryColor-light svg, .svg-SecondaryColor-light svg path {
    color: var(--secondary-color-light);
    fill: var(--secondary-color-light);
}

.SecondaryColor-lighter, svg.SecondaryColor-lighter, svg.SecondaryColor-lighter *, .SecondaryColor-lighter svg *, svg.svg-SecondaryColor-lighter, .svg-SecondaryColor-lighter svg, .svg-SecondaryColor-lighter svg path {
    color: var(--secondary-color-lighter);
    fill: var(--secondary-color-lighter);
}

.AccentColor, svg.AccentColor, svg.AccentColor *, .AccentColor svg *, svg.svg-AccentColor, .svg-AccentColor svg, .svg-AccentColor svg path {
    color: var(--accent-color);
    fill: var(--accent-color);
}

.AccentColor-light, svg.AccentColor-light, svg.AccentColor-light *, .AccentColor-light svg *, svg.svg-AccentColor-light, .svg-AccentColor-light svg, .svg-AccentColor-light svg path {
    color: var(--accent-color-light);
    fill: var(--accent-color-light);
}

.AccentColor-lighter, svg.AccentColor-lighter, svg.AccentColor-lighter *, .AccentColor-lighter svg *, svg.svg-AccentColor-lighter, .svg-AccentColor-lighter svg, .svg-AccentColor-lighter svg path {
    color: var(--accent-color-lighter);
    fill: var(--accent-color-lighter);
}

.WidgetColor, svg.WidgetColor, svg.WidgetColor *, .WidgetColor svg *, svg.svg-WidgetColor, .svg-WidgetColor svg, .svg-WidgetColor svg path {
    color: var(--widget-color);
    fill: var(--widget-color);
}

.WidgetColor-light, svg.WidgetColor-light, svg.WidgetColor-light *, .WidgetColor-light svg *, svg.svg-WidgetColor-light, .svg-WidgetColor-light svg, .svg-WidgetColor-light svg path {
    color: var(--widget-color-light);
    fill: var(--widget-color-light);
}

.WidgetColor-lighter, svg.WidgetColor-lighter, svg.WidgetColor-lighter *, .WidgetColor-lighter svg *, svg.svg-WidgetColor-lighter, .svg-WidgetColor-lighter svg, .svg-WidgetColor-lighter svg path {
    color: var(--widget-color-lighter);
    fill: var(--widget-color-lighter);
}

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

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

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

.border-SecondaryColor {
    border-color: var(--secondary-color);
}

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

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

.border-AccentColor {
    border-color: var(--accent-color);
}

.border-AccentColor-light {
    border-color: var(--accent-color-light);
}

.border-AccentColor-lighter {
    border-color: var(--accent-color-light);
}

.border-WidgetColor {
    border-color: var(--widget-color);
}

.border-WidgetColor-light {
    border-color: var(--widget-color-light);
}

.border-WidgetColor-lighter {
    border-color: var(--widget-color-light);
}

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

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

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

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

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

.background-SecondaryColor-lighter {
    background-color: var(--secondary-color-lighter);
    color: var(--secondary-color-lighter-contrast);
}

.background-AccentColor {
    background-color: var(--accent-color);
    color: var(--accent-color-contrast);
}

.background-AccentColor-light {
    background-color: var(--accent-color-light);
    color: var(--accent-color-light-contrast);
}

.background-AccentColor-lighter {
    background-color: var(--accent-color-lighter);
    color: var(--accent-color-lighter-contrast);
}

.background-WidgetColor {
    background-color: var(--widget-color);
    color: var(--widget-color-contrast);
}

.background-WidgetColor-light {
    background-color: var(--widget-color-light);
    color: var(--widget-color-light-contrast);
}

.background-WidgetColor-lighter {
    background-color: var(--widget-color-lighter);
    color: var(--widget-color-lighter-contrast);
}

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

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

.text-PrimaryColor-lighter {
    color: var(--primary-color-lighter);
}

.text-SecondaryColor {
    color: var(--secondary-color);
}

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

.text-SecondaryColor-lighter {
    color: var(--secondary-color-lighter);
}

.text-AccentColor {
    color: var(--accent-color);
}

.text-AccentColor-light {
    color: var(--accent-color-light);
}

.text-AccentColor-lighter {
    color: var(--accent-color-lighter);
}

.text-WidgetColor {
    color: var(--widget-color);
}

.text-WidgetColor-light {
    color: var(--widget-color-light);
}

.text-WidgetColor-lighter {
    color: var(--widget-color-lighter);
}