:root {
    --high-strong   : #ffaf99;
    --medium-strong : #ffd699;
    --low-strong    : #99ff99;
}

.b-task-board-base {
    --b-task-board-body-padding                      : 2em;
    --b-task-board-column-gap                        : 1em;
    --b-task-board-background                        : var(--b-neutral-100);

    --b-task-board-card-background                   : var(--b-neutral-100);
    --b-task-board-card-box-shadow                   : null;
    --b-task-board-card-header-padding               : .75em;
    --b-task-board-card-body-padding                 : .75em;
    --b-task-board-card-footer-padding               : .75em;

    --b-task-board-card-hover-box-shadow             : null;
    --b-task-board-card-hover-transform              : null;

    --b-task-board-card-selected-box-shadow          : null;
    --b-task-board-card-selected-transform           : null;
    --b-task-board-card-selected-animation           : null;
    --b-task-board-card-selected-background          : var(--b-task-board-card-background);
    --b-task-board-card-unselected-opacity           : null;

    --b-task-board-column-border                     : 1px solid var(--b-neutral-90);
    --b-task-board-column-background                 : var(--b-neutral-98);
    --b-task-board-column-border-radius              : 0 0 .5em .5em;
    --b-task-board-column-header-border-radius       : .5em .5em 0 0;
    --b-task-board-column-header-background          : var(--b-neutral-100);
    --b-task-board-column-header-padding             : 1em;

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

.b-task-board-card[data-column=done] {
    opacity : 0.5 !important;
}

.b-task-board-card-header .b-task-board-text {
    z-index : 1;
}

.b-task-board-text[data-ref="id"] {
    color : var(--b-neutral-75);

    &::before {
        font-family       : var(--b-widget-icon-font-family);
        content           : '\f1c0';
        margin-inline-end : .5em;
    }
}

.b-task-board-card-header::after {
    background    : var(--b-primary-60);
    width         : 1em;
    height        : 1em;
    content       : '';
    border-radius : 50%;
    scale         : 1;
    transition    : scale .2s ease-in;
}

.b-task-board-card:hover .b-task-board-card-header::after {
    scale : 1.5;
}

.b-task-board-card.b-selected .b-task-board-card-header::after {
    scale : 200;
}

.b-task-board-card.b-selected {
    background : var(--b-task-board-card-background);
}

.b-task-board-card.high {
    --b-primary : var(--high-strong);
}

.b-task-board-card.medium {
    --b-primary : var(--medium-strong);
}

.b-task-board-card.low {
    --b-primary : var(--low-strong);
}

.b-small-cards .b-task-board-card-footer {
    padding-top : 1em;
}

/* Slightly smaller font for the count element */
.highprio-count {
    font-size : .8em;
}