@import "tailwindcss";

@utility bg-neutral-default-default {
    background-color: var(--bg-neutral-default-default);
}

@utility bg-neutral-default-hover {
    background-color: var(--bg-neutral-default-hover);
}

@utility bg-neutral-default-pressed {
    background-color: var(--bg-neutral-default-pressed);
}

@utility bg-neutral-primary-default {
    background-color: var(--bg-neutral-primary-default);
}

@utility bg-neutral-primary-hover {
    background-color: var(--bg-neutral-primary-hover);
}

@utility bg-neutral-primary-pressed {
    background-color: var(--bg-neutral-primary-pressed);
}

@utility bg-neutral-secondary-default {
    background-color: var(--bg-neutral-secondary-default);
}

@utility bg-neutral-secondary-hover {
    background-color: var(--bg-neutral-secondary-hover);
}

@utility bg-neutral-secondary-pressed {
    background-color: var(--bg-neutral-secondary-pressed);
}

@utility bg-neutral-tertiary-default {
    background-color: var(--bg-neutral-tertiary-default);
}

@utility bg-neutral-tertiary-hover {
    background-color: var(--bg-neutral-tertiary-hover);
}

@utility bg-neutral-tertiary-pressed {
    background-color: var(--bg-neutral-tertiary-pressed);
}

@utility bg-brand-primary-default {
    background-color: var(--bg-brand-primary-default);
}

@utility bg-brand-primary-hover {
    background-color: var(--bg-brand-primary-hover);
}

@utility bg-brand-primary-pressed {
    background-color: var(--bg-brand-primary-pressed);
}

@utility bg-brand-secondary-default {
    background-color: var(--bg-brand-secondary-default);
}

@utility bg-brand-secondary-hover {
    background-color: var(--bg-brand-secondary-hover);
}

@utility bg-brand-secondary-pressed {
    background-color: var(--bg-brand-secondary-pressed);
}

@utility bg-brand-overlay-default {
    background-color: var(--bg-brand-overlay-default);
}

@utility bg-brand-overlay-hover {
    background-color: var(--bg-brand-overlay-hover);
}

@utility bg-brand-overlay-pressed {
    background-color: var(--bg-brand-overlay-pressed);
}

@utility bg-success-primary-default {
    background-color: var(--bg-success-primary-default);
}

@utility bg-success-primary-hover {
    background-color: var(--bg-success-primary-hover);
}

@utility bg-success-primary-pressed {
    background-color: var(--bg-success-primary-pressed);
}

@utility bg-success-secondary-default {
    background-color: var(--bg-success-secondary-default);
}

@utility bg-success-secondary-hover {
    background-color: var(--bg-success-secondary-hover);
}

@utility bg-success-secondary-pressed {
    background-color: var(--bg-success-secondary-pressed);
}

@utility bg-success-overlay-default {
    background-color: var(--bg-success-overlay-default);
}

@utility bg-success-overlay-hover {
    background-color: var(--bg-success-overlay-hover);
}

@utility bg-success-overlay-pressed {
    background-color: var(--bg-success-overlay-pressed);
}

@utility bg-error-primary-default {
    background-color: var(--bg-error-primary-default);
}

@utility bg-error-primary-hover {
    background-color: var(--bg-error-primary-hover);
}

@utility bg-error-primary-pressed {
    background-color: var(--bg-error-primary-pressed);
}

@utility bg-error-secondary-default {
    background-color: var(--bg-error-secondary-default);
}

@utility bg-error-secondary-hover {
    background-color: var(--bg-error-secondary-hover);
}

@utility bg-error-secondary-pressed {
    background-color: var(--bg-error-secondary-pressed);
}

@utility bg-error-overlay-default {
    background-color: var(--bg-error-overlay-default);
}

@utility bg-error-overlay-hover {
    background-color: var(--bg-error-overlay-hover);
}

@utility bg-error-overlay-pressed {
    background-color: var(--bg-error-overlay-pressed);
}

@utility bg-warning-primary-default {
    background-color: var(--bg-warning-primary-default);
}

@utility bg-warning-primary-hover {
    background-color: var(--bg-warning-primary-hover);
}

@utility bg-warning-primary-pressed {
    background-color: var(--bg-warning-primary-pressed);
}

@utility bg-warning-secondary-default {
    background-color: var(--bg-warning-secondary-default);
}

@utility bg-warning-secondary-hover {
    background-color: var(--bg-warning-secondary-hover);
}

@utility bg-warning-secondary-pressed {
    background-color: var(--bg-warning-secondary-pressed);
}

@utility bg-warning-overlay-default {
    background-color: var(--bg-warning-overlay-default);
}

@utility bg-warning-overlay-hover {
    background-color: var(--bg-warning-overlay-hover);
}

@utility bg-warning-overlay-pressed {
    background-color: var(--bg-warning-overlay-pressed);
}

@utility bg-pending-primary-default {
    background-color: var(--bg-pending-primary-default);
}

@utility bg-pending-secondary-default {
    background-color: var(--bg-pending-secondary-default);
}

@utility bg-inprogress-primary-default {
    background-color: var(--bg-inprogress-primary-default);
}

@utility bg-inprogress-secondary-default {
    background-color: var(--bg-inprogress-secondary-default);
}

@utility bg-disabled-default {
    background-color: var(--bg-disabled-default);
}

/* Extended — category priority */
@utility bg-category-priority-high-primary {
    background-color: var(--bg-category-priority-high-primary);
}
@utility bg-category-priority-high-secondary {
    background-color: var(--bg-category-priority-high-secondary);
}
@utility bg-category-priority-medium-primary {
    background-color: var(--bg-category-priority-medium-primary);
}
@utility bg-category-priority-medium-secondary {
    background-color: var(--bg-category-priority-medium-secondary);
}
@utility bg-category-priority-low-primary {
    background-color: var(--bg-category-priority-low-primary);
}
@utility bg-category-priority-low-secondary {
    background-color: var(--bg-category-priority-low-secondary);
}

/* Extended — category status */
@utility bg-category-status-pending-primary {
    background-color: var(--bg-category-status-pending-primary);
}
@utility bg-category-status-pending-secondary {
    background-color: var(--bg-category-status-pending-secondary);
}
@utility bg-category-status-onhold-primary {
    background-color: var(--bg-category-status-onhold-primary);
}
@utility bg-category-status-onhold-secondary {
    background-color: var(--bg-category-status-onhold-secondary);
}
@utility bg-category-status-inprogress-primary {
    background-color: var(--bg-category-status-inprogress-primary);
}
@utility bg-category-status-inprogress-secondary {
    background-color: var(--bg-category-status-inprogress-secondary);
}
@utility bg-category-status-discard-primary {
    background-color: var(--bg-category-status-discard-primary);
}
@utility bg-category-status-discard-secondary {
    background-color: var(--bg-category-status-discard-secondary);
}
@utility bg-category-status-done-primary {
    background-color: var(--bg-category-status-done-primary);
}
@utility bg-category-status-done-secondary {
    background-color: var(--bg-category-status-done-secondary);
}

/* Extended — category label */
@utility bg-category-label-violet {
    background-color: var(--bg-category-label-violet);
}
@utility bg-category-label-lilac {
    background-color: var(--bg-category-label-lilac);
}
@utility bg-category-label-tangerine {
    background-color: var(--bg-category-label-tangerine);
}
@utility bg-category-label-orange {
    background-color: var(--bg-category-label-orange);
}
@utility bg-category-label-red {
    background-color: var(--bg-category-label-red);
}
@utility bg-category-label-yellow {
    background-color: var(--bg-category-label-yellow);
}
@utility bg-category-label-green {
    background-color: var(--bg-category-label-green);
}
@utility bg-category-label-blue {
    background-color: var(--bg-category-label-blue);
}
@utility bg-category-label-lightblue {
    background-color: var(--bg-category-label-lightblue);
}
@utility bg-category-label-grey {
    background-color: var(--bg-category-label-grey);
}

/* Extended — richtext highlight */
@utility bg-richtext-highlight-violet {
    background-color: var(--bg-richtext-highlight-violet);
}
@utility bg-richtext-highlight-blue {
    background-color: var(--bg-richtext-highlight-blue);
}
@utility bg-richtext-highlight-green {
    background-color: var(--bg-richtext-highlight-green);
}
@utility bg-richtext-highlight-yellow {
    background-color: var(--bg-richtext-highlight-yellow);
}
@utility bg-richtext-highlight-orange {
    background-color: var(--bg-richtext-highlight-orange);
}
@utility bg-richtext-highlight-red {
    background-color: var(--bg-richtext-highlight-red);
}

/* Extended — dataviz */
@utility bg-dataviz-series-1 {
    background-color: var(--bg-dataviz-series-1);
}
@utility bg-dataviz-series-2 {
    background-color: var(--bg-dataviz-series-2);
}
@utility bg-dataviz-series-3 {
    background-color: var(--bg-dataviz-series-3);
}
@utility bg-dataviz-series-4 {
    background-color: var(--bg-dataviz-series-4);
}
@utility bg-dataviz-series-5 {
    background-color: var(--bg-dataviz-series-5);
}
@utility bg-dataviz-series-6 {
    background-color: var(--bg-dataviz-series-6);
}
@utility bg-dataviz-series-7 {
    background-color: var(--bg-dataviz-series-7);
}
@utility bg-dataviz-series-8 {
    background-color: var(--bg-dataviz-series-8);
}
@utility bg-dataviz-series-9 {
    background-color: var(--bg-dataviz-series-9);
}

@utility bg-dataviz-sequential-indigo-1 {
    background-color: var(--bg-dataviz-sequential-indigo-1);
}
@utility bg-dataviz-sequential-indigo-2 {
    background-color: var(--bg-dataviz-sequential-indigo-2);
}
@utility bg-dataviz-sequential-indigo-3 {
    background-color: var(--bg-dataviz-sequential-indigo-3);
}
@utility bg-dataviz-sequential-indigo-4 {
    background-color: var(--bg-dataviz-sequential-indigo-4);
}
@utility bg-dataviz-sequential-indigo-5 {
    background-color: var(--bg-dataviz-sequential-indigo-5);
}
@utility bg-dataviz-sequential-indigo-6 {
    background-color: var(--bg-dataviz-sequential-indigo-6);
}

@utility bg-dataviz-sequential-orange-1 {
    background-color: var(--bg-dataviz-sequential-orange-1);
}
@utility bg-dataviz-sequential-orange-2 {
    background-color: var(--bg-dataviz-sequential-orange-2);
}
@utility bg-dataviz-sequential-orange-3 {
    background-color: var(--bg-dataviz-sequential-orange-3);
}
@utility bg-dataviz-sequential-orange-4 {
    background-color: var(--bg-dataviz-sequential-orange-4);
}
@utility bg-dataviz-sequential-orange-5 {
    background-color: var(--bg-dataviz-sequential-orange-5);
}
@utility bg-dataviz-sequential-orange-6 {
    background-color: var(--bg-dataviz-sequential-orange-6);
}

@utility bg-dataviz-diverging-1 {
    background-color: var(--bg-dataviz-diverging-1);
}
@utility bg-dataviz-diverging-2 {
    background-color: var(--bg-dataviz-diverging-2);
}
@utility bg-dataviz-diverging-3 {
    background-color: var(--bg-dataviz-diverging-3);
}
@utility bg-dataviz-diverging-4 {
    background-color: var(--bg-dataviz-diverging-4);
}
@utility bg-dataviz-diverging-5 {
    background-color: var(--bg-dataviz-diverging-5);
}
@utility bg-dataviz-diverging-6 {
    background-color: var(--bg-dataviz-diverging-6);
}
@utility bg-dataviz-diverging-7 {
    background-color: var(--bg-dataviz-diverging-7);
}
@utility bg-dataviz-diverging-8 {
    background-color: var(--bg-dataviz-diverging-8);
}
@utility bg-dataviz-diverging-9 {
    background-color: var(--bg-dataviz-diverging-9);
}

/* DEPRECATED */

/* bg-neutral-weak-default -> bg-neutral-tertiary-default */
@utility bg-neutral-weak-default {
    background-color: var(--bg-neutral-tertiary-default);
}

/* bg-neutral-weak-hover -> bg-neutral-tertiary-hover */
@utility bg-neutral-weak-hover {
    background-color: var(--bg-neutral-tertiary-hover);
}

/* bg-neutral-weak-pressed -> bg-neutral-tertiary-pressed */
@utility bg-neutral-weak-pressed {
    background-color: var(--bg-neutral-tertiary-pressed);
}