.b-task-board {
    --b-task-board-card-body-padding       : 1em;
    --b-task-board-card-body-color         : var(--b-opposite);
    --b-task-board-column-gap              : 0;
    --b-task-board-card-header-font-weight : 500;
}

.b-colorize {
    --b-task-board-card-header-color      : var(--b-primary-25);
    --b-task-board-card-background        : var(--b-primary-97);
    --b-task-board-card-header-background : var(--b-primary-90);
}

.b-task-board-card {
    &.high {
        --b-primary : var(--b-color-red);
    }

    &.normal {
        --b-primary : var(--b-color-blue);
    }

    &.low {
        --b-primary : var(--b-color-gray);
    }

    &[data-column="delivered"] {
        opacity     : .7;

        --b-primary : var(--b-color-green);
    }
}

.b-task-board-card-body i {
    display           : inline-grid;
    place-items       : center;
    width             : 1.7em;
    height            : 1.7em;
    border-radius     : 50%;
    margin-inline-end : .5em;

    color             : var(--b-primary);
    background        : var(--b-task-board-card-header-background);

    &::before {
        color : var(--b-task-board-card-header-color);
    }
}