/* COLORS */
.color-fg-inherit {
    color: inherit !important;
}
.color-fg-primary {
    color: var(--color-primary) !important;
}
.color-fg-primary-light {
    color: var(--color-primary-light) !important;
}
.color-fg-default {
    color: var(--color-fg-default) !important;
}
.color-fg-default-contrast {
    color: var(--color-fg-default-contrast) !important;
}
.color-fg-muted {
    color: var(--color-fg-muted) !important;
}
.color-fg-danger {
    color: var(--color-fg-danger) !important;
}
.color-fg-success {
    color: var(--color-fg-success) !important;
}
.color-fg-warn {
    color: var(--color-fg-warn) !important;
}

.color-bg-primary {
    background-color: var(--color-primary) !important;
}
.color-bg-primary-light {
    background-color: var(--color-primary-light) !important;
}
.color-bg-muted {
    background-color: var(--color-bg-muted) !important;
}
.color-bg-emphasis {
    background-color: var(--color-bg-emphasis) !important;
}
.color-bg-default {
    background-color: var(--color-bg-default) !important;
}
.color-bg-danger {
    background-color: var(--color-bg-danger) !important;
}
.color-bg-danger-emphasis {
    background-color: var(--color-bg-danger-emphasis) !important;
}
.color-bg-success {
    background-color: var(--color-bg-success) !important;
}
.color-bg-success-emphasis {
    background-color: var(--color-bg-success-emphasis) !important;
}
.color-bg-warn {
    background-color: var(--color-bg-warn) !important;
}

.color-border-default {
    border-color: var(--color-border-default) !important;
}
.color-border-muted {
    border-color: var(--color-border-muted) !important;
}

.hover\:color-bg-muted:hover {
    background-color: var(--color-bg-muted) !important;
}
.hover\:color-bg-gray-10:hover {
    background-color: var(--gray-10) !important;
}

.color-bg-gray-1 {
    background-color: var(--gray-1) !important;
}
.color-bg-gray-2 {
    background-color: var(--gray-2) !important;
}
.color-bg-gray-3 {
    background-color: var(--gray-3) !important;
}
.color-bg-gray-4 {
    background-color: var(--gray-4) !important;
}
.color-bg-gray-5 {
    background-color: var(--gray-5) !important;
}
.color-bg-gray-6 {
    background-color: var(--gray-6) !important;
}
.color-bg-gray-7 {
    background-color: var(--gray-7) !important;
}
.color-bg-gray-8 {
    background-color: var(--gray-8) !important;
}
.color-bg-gray-9 {
    background-color: var(--gray-9) !important;
}
.color-bg-gray-10 {
    background-color: var(--gray-10) !important;
}

.color-bg-white {
    background-color: white !important;
}
.color-bg-white\/75 {
    background-color: rgba(255, 255, 255, var(--o-75));
}