.b-task-board-base {
    --b-task-board-background                       : var(--b-neutral-100);
    --b-task-board-column-background                : var(--b-neutral-100);
    --b-task-board-column-header-background         : var(--b-neutral-100);
    --b-task-board-column-headers-sticky-background : var(--b-neutral-100);
    --b-task-board-body-padding                     : 0.5em;

    --b-task-board-column-gap                       : 0;
    --b-task-board-column-padding                   : 0 0.5em 0.5em;
    --b-task-board-column-header-text-align         : center;
    --b-task-board-column-header-padding            : 0 0.5em;
    --b-task-board-column-header-sticky-height      : 4em;
    --b-task-board-tag-color                        : var(--b-neutral-60);

    --b-task-board-card-body-color                  : var(--b-neutral-30);
    --b-task-board-card-border                      : none;
    --b-task-board-card-box-shadow                  : var(--b-elevation-1);
    --b-task-board-card-unselected-box-shadow       : var(--b-elevation-1);
    --b-task-board-card-header-font-weight          : bold;
    --b-task-board-card-body-padding                : 1em;

    .b-colorize {
        --b-task-board-card-header-background   : var(--b-primary-90);
        --b-task-board-card-background          : var(--b-primary-95);
        --b-task-board-card-hover-background    : var(--b-primary-95);
        --b-task-board-card-selected-background : var(--b-primary-95);
    }

    .critical {
        background-color : color-mix(in srgb, var(--b-color-red), var(--b-mix) 70%);
    }

    .high {
        background-color : color-mix(in srgb, var(--b-color-orange), var(--b-mix) 70%);
    }
}

.b-menu-item {
    .fa-square,
    .fa-check-square {
        color : var(--b-primary);
    }
}

.b-task-board-card-header::before {
    font-family : var(--b-widget-icon-font-family);
    content     : '\f0c8';
    color       : var(--b-primary-70);
}

.b-selected .b-task-board-card-header::before {
    content : '\f14a';
}