: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-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-unselected-opacity           : null;

    --b-task-board-column-border                     : var(--b-task-board-card-border);
    --b-task-board-column-background                 : var(--b-neutral-98);
    --b-task-board-column-border-radius              : 0 0 .5em .5em;
    --b-task-board-column-header-collapsed-title-top : 3.5em;
    --b-task-board-column-header-border-radius       : .5em .5em 0 0;
    --b-task-board-column-header-background          : var(--b-neutral-98);

    .b-colorize {
        --b-task-board-card-header-background   : var(--b-primary-90);
        --b-task-board-card-header-color        : var(--b-primary-40);
        --b-task-board-card-hover-background    : var(--b-primary-97);
        --b-task-board-card-selected-background : var(--b-primary-97);

        --b-task-board-card-header-font-weight  : 500;
    }

    .b-task-board-column-header {
        border-bottom : none;
    }
}

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

    &.high {
        --b-primary : var(--high-strong);
    }

    &.medium {
        --b-primary : var(--medium-strong);
    }

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

    &:hover {
        --b-task-board-card-header-background : var(--b-primary-85);
    }

    &.b-selected {
        --b-task-board-card-header-background : var(--b-primary-80);
        --b-task-board-card-border            : 1px solid var(--b-primary-60);
    }
}

.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;
    }
}

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