/* Colors */
.blue {color: var(--blue);}

.green {color: var(--green);}

.purple {color: var(--purple);}

.orange {color: var(--orange);}

.pink {color: var(--pink);}

.red {color: var(--red);}

.yellow {color: var(--yellow);}

.card {
    color: var(--light);
    background-color: var(--dark);
}

.btn-warning {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
}

.btn-danger {
    background-color: var(--red);
    border: 1px solid var(--red);
}

.form-control {
    background-color: var(--light-dark);
    border: 1px solid rgba(28, 31, 55, .8);
    color: var(--light);
}

.form-control:hover,
.form-control:active,
.form-control:focus {
    background-color: var(--light-dark);
    border: 1px solid rgba(28, 31, 55, .8);
    box-shadow: none !important;
    outline: none !important;
    color: var(--light);
}