$nachteil-color: #555753;
$nachteil-text-color: #FFF;
$liturgie-color: #59aebf;
$liturgie-text-color: #000;
$zauber-color: #3465a4;
$zauber-text-color: #000;
$talent-color: #f57900;
$talent-text-color: #000;
$kampftalent-color: #c36e14;
$kampftalent-text-color: #FFF;

$talent-body-color: #45d18c;
$talent-body-text-color: #000;
$talent-nature-color: #7cb544;
$talent-nature-text-color: #000;
$talent-social-color: #c8588a;
$talent-social-text-color: #000;
$talent-knowledge-color: #2ba9c5;
$talent-knowledge-text-color: #000;
$talent-language-color: #957fe8;
$talent-language-text-color: #000;
$talent-crafting-color: #cd9551;
$talent-crafting-text-color: #000;


$harm-fill-color: #ff0000ff;
$harm-border-color: #3c0000ff;

$tab-border-color: #333;
$tab-color: #000;
$tab-inactive-background-color: unset;
$tab-background-color: #fff8;

$dice-box-shadow: rgba(0, 0, 0, 0.25);
$pill-box-shadow: rgba(0, 0, 0, 0.3);

$tab-shadow: rgba(0, 0, 0, 0.3);
$tab-pane-shadow: rgba(0, 0, 0, 0.3);

$attribute-die-border-color: #000;

$attribute-die-color: #F00;
$attribute-die-label-color: #FFF;
$attribute-die-label-color-darkmode: #000;

$attribute-die-co-color: #b3241a;
$attribute-die-sm-color: #8259a3;
$attribute-die-in-color: #388834;
$attribute-die-ch-color: #0d0d0d;

$attribute-die-dx-color: #688ec4;
$attribute-die-ag-color: #d5b467;
$attribute-die-bd-color: #a3a3a3;
$attribute-die-st-color: #d6a878;

$attribute-die-flaw-color: #6a24d8;

$attribute-die-co-text-color: #fff;
$attribute-die-sm-text-color: #fff;
$attribute-die-in-text-color: #fff;
$attribute-die-ch-text-color: #fff;

$attribute-die-dx-text-color: #000;
$attribute-die-ag-text-color: #000;
$attribute-die-bd-text-color: #000;
$attribute-die-st-text-color: #000;

$attribute-die-flaw-text-color: #FFF;


$attribute-label-color: #000;
$attribute-label-color-darkmode: #FFF;


$rollable-die-border-color: #000;

$dice-box-border-color: #333;

$default-action: rgba(204, 68, 17, 0.8);
$default-action-color: #000;

$special-action: rgba(68, 34, 204, 0.8);

$special-action-color: #000;

@mixin highlight {
  &:hover {
    text-shadow: 0 0 10px red;
  }
}

@mixin svg-highlight {
  filter: drop-shadow(0px 0px 10px rgb(255 0 0));
}