.b-task-board-base {
    --b-task-board-background                 : #eee;

    --b-task-board-column-gap                 : 0;
    --b-task-board-column-background          : var(--b-neutral-99);
    --b-task-board-column-header-background   : var(--b-neutral-95);
    --b-task-board-column-header-padding      : 1em;
    --b-task-board-column-separator-border    : 1px solid var(--border-color);

    --b-task-board-swimlane-header-background : #fff;
    --b-task-board-swimlane-header-box-shadow : var(--b-task-board-card-box-shadow);

    --b-task-board-card-header-font-weight    : 500;
    --b-task-board-card-footer-font-size      : 0.8em;

    /* App specific vars */
    --border-color                            : var(--b-neutral-85);

    .b-colorize {
        --b-task-board-card-header-color : var(--b-primary-50);
    }
}

/* Color circle in column headers */
.b-task-board-column-header-padder::before {
    content           : '';
    width             : 1em;
    height            : 1em;
    border-radius     : 50%;
    margin-inline-end : .5em;
    align-self        : center;

    background        : var(--b-primary-65);
}