//These variables are normally in the template directly,

$red: #f86c6b;
// Couldn't find these variables directly from coreui/bootstrap
$input-border-color: #c2cfd6;
$input-border-color--focused: #8ad4ee;
$input-box-shadow--focused: 0 0 0 0.2rem rgba(32, 168, 216, 0.25);

//Taken from react-select because it fit better in the color scheme and is more readable.
$input-disabled-background-color: hsl(0, 0%, 95%);
$input-disabled-border-color: hsl(0, 0%, 90%);