/* 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-secondary {
    color: var(--color-secondary) !important;
}
.color-fg-secondary-light {
    color: var(--color-secondary-light) !important;
}
.color-fg-default {
    color: var(--color-fg-default) !important;
}
.color-fg-default-contrast {
    color: var(--color-fg-default-contrast) !important;
}
.color-fg-subtle {
    color: var(--color-fg-subtle) !important;
}
.color-fg-muted {
    color: var(--color-fg-muted) !important;
}
.color-fg-danger {
    color: var(--color-danger) !important;
}
.color-fg-success {
    color: var(--color-success) !important;
}

.color-bg-primary {
    background-color: var(--color-primary) !important;
}
.color-bg-primary-light {
    background-color: var(--color-primary-light) !important;
}
.color-bg-secondary {
    background-color: var(--color-secondary) !important;
}
.color-bg-secondary-light {
    background-color: var(--color-secondary-light) !important;
}
.color-bg-subtle {
    background-color: var(--color-bg-subtle) !important;
}
.color-bg-default {
    background-color: var(--color-bg-default) !important;
}
.color-bg-danger {
    background-color: var(--color-danger) !important;
}
.color-bg-success {
    background-color: var(--color-success) !important;
}
.color-bg-attention {
    background-color: var(--color-attention) !important;
}

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

.hover\:color-bg-subtle:hover {
    background-color: var(--color-bg-subtle) !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));
}