/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 *
 * SPDX-License-Identifier: MIT
 */

@use '../../utils/colors';

// Needs to be nested in .dice-roll to win against foundry's style.css with respect to specificity
.dice-roll .ds4-dice-total {
  @mixin color-filter($rotation) {
    filter: sepia(0.5) hue-rotate($rotation);
  }

  &--coup {
    @include color-filter(60deg);
    background-color: colors.$c-coup-bg;
    color: colors.$c-coup;
  }

  &--fumble {
    @include color-filter(-60deg);
    background-color: colors.$c-fumble-bg;
    color: colors.$c-fumble;
  }
}