
	@use "variables" as *;
	@use "color-placeholder" as *;
	
.db-bg-informational {
    @extend %db-bg-informational;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-informational-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-informational-transparent-full {
    @extend %db-bg-informational-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-informational-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-informational-transparent-semi {
    @extend %db-bg-informational-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-informational-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-primary {
    @extend %db-bg-primary;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-primary-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-primary-transparent-full {
    @extend %db-bg-primary-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-primary-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-primary-transparent-semi {
    @extend %db-bg-primary-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-primary-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-warning {
    @extend %db-bg-warning;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-warning-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-warning-transparent-full {
    @extend %db-bg-warning-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-warning-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-warning-transparent-semi {
    @extend %db-bg-warning-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-warning-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-successful {
    @extend %db-bg-successful;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-successful-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-successful-transparent-full {
    @extend %db-bg-successful-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-successful-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-successful-transparent-semi {
    @extend %db-bg-successful-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-successful-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-secondary {
    @extend %db-bg-secondary;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-secondary-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-secondary-transparent-full {
    @extend %db-bg-secondary-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-secondary-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-secondary-transparent-semi {
    @extend %db-bg-secondary-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-secondary-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-0 {
    @extend %db-bg-neutral-0;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-0-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-1 {
    @extend %db-bg-neutral-1;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-1-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-2 {
    @extend %db-bg-neutral-2;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-2-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-3 {
    @extend %db-bg-neutral-3;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-3-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-4 {
    @extend %db-bg-neutral-4;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-4-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-transparent-full {
    @extend %db-bg-neutral-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-neutral-transparent-semi {
    @extend %db-bg-neutral-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-neutral-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-critical {
    @extend %db-bg-critical;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-critical-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-critical-transparent-full {
    @extend %db-bg-critical-transparent-full;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-critical-transparent-full-ia;
    }

    .db-weak {
        @extend %weak;
    }
}

.db-bg-critical-transparent-semi {
    @extend %db-bg-critical-transparent-semi;

    &-ia,
    &[data-variant="interactive"] {
        @extend %db-bg-critical-transparent-semi-ia;
    }

    .db-weak {
        @extend %weak;
    }
}
