/*
 * 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;
    }
}