:root{
  --mix:#fff;
  --opposite:#000;
}

.b-theme-classic-dark{
  --mix:#444;
  --opposite:#fff;
}

.b-taskboard{
  --taskboard-card-header-background:color-mix(in oklab, currentColor, var(--mix) 80%);
  --taskboard-card-background:color-mix(in oklab, currentColor, var(--mix) 97%);
  --taskboard-card-header-color:color-mix(in oklab, currentColor, var(--opposite) 50%);
  --taskboard-card-body-padding:1em;
  --taskboard-card-body-color:var(--opposite);
  --taskboard-column-gap:0;
}

.b-taskboard-card{
  color:var(--icon-color);
}
.b-taskboard-card.high{
  --icon-color:#bf0000;
}
.b-taskboard-card.normal{
  --icon-color:#0036bf;
}
.b-taskboard-card[data-column=delivered]{
  opacity:0.7;
  --icon-color:#009903;
}

.b-taskboard-card-body i{
  display:inline-grid;
  place-items:center;
  width:1.7em;
  height:1.7em;
  border-radius:50%;
  margin-inline-end:0.5em;
  color:var(--icon-color);
  background:color-mix(in oklab, currentColor, var(--mix) 80%);
}
.b-taskboard-card-body i::before{
  color:color-mix(in oklab, currentColor, var(--opposite) 30%);
}