/* Color-specific button variants */

/* Danger/Delete Button */
button.red-button,
a.red-button,
input.red-button {
    background-color: var(--alt-red);
    color: var(--black);

    &:hover {
        background-color: var(--red);
        color: var(--white);
    }
}

/* Warning Button */
button.orange-button,
a.orange-button,
input.orange-button {
    background-color: var(--alt-orange);
    color: var(--black);

    &:hover {
        background-color: var(--orange);
        color: var(--white);
    }
}

/* Caution Button */
button.yellow-button,
a.yellow-button,
input.yellow-button {
    background-color: var(--alt-yellow);
    color: var(--black);

    &:hover {
        background-color: var(--yellow);
        color: var(--black);
    }
}

/* Success Button */
button.green-button,
a.green-button,
input.green-button {
    background-color: var(--alt-green);
    color: var(--black);

    &:hover {
        background-color: var(--green);
        color: var(--white);
    }
}

/* Info Button */
button.blue-button,
a.blue-button,
input.blue-button {
    background-color: var(--alt-blue);
    color: var(--black);

    &:hover {
        background-color: var(--blue);
        color: var(--white);
    }
}

/* Special Button */
button.purple-button,
a.purple-button,
input.purple-button {
    background-color: var(--alt-purple);
    color: var(--black);

    &:hover {
        background-color: var(--purple);
        color: var(--white);
    }
}