$lochmara: rgb(0, 136, 191);
$dodger-blue: rgb(55, 195, 255);
$white: rgba(255, 255, 255,0.9);
$mine-shaft: rgb(46, 46, 46);
$mine-shaft-alpha-7: rgba(31, 31, 31, 0.7);
$mine-shaft-alpha-9: rgba(31, 31, 31, 0.9);
$bright-red: rgb(178, 0, 0);
$bittersweet: rgb(255, 108, 108);
$green-pea: rgb(37, 116, 49);
$screamin-green: rgb( 116, 255, 137);


// Background Color
$bg-color: $mine-shaft;
$bg-color-modal: $mine-shaft-alpha-7;
$bg-mensaje-modal: $lochmara;
$bg-aviso-rojo: $bright-red;
$bg-aviso-verde: $green-pea;

// Bordes
$border-color: $lochmara;
$border-color-blanco: $white;

// Texto
$text-color: $white;
$text-color-label: $dodger-blue;
$text-color-modal: $mine-shaft;
$text-color-input: $dodger-blue;
$text-color-valores-finales: $dodger-blue;
$text-color-numero-rojo: $bittersweet;
$text-color-numero-verde: $screamin-green;
$text-color-numero-azul: $dodger-blue;

// Boton azul
$btn-bg-color-azul: $lochmara;
$btn-bg-color-azul-hover: $dodger-blue;
$btn-text-color-azul: $mine-shaft;

// Boton oscuro
$btn-bg-color-negro: $mine-shaft;
$btn-bg-color-negro-hover: $mine-shaft-alpha-9;
$btn-text-color-negro: $dodger-blue;
// Botones actualizar datos
$btn-text-color-actualizar: $white;
$btn-text-color-actualizar-hover: $mine-shaft;
    // Boton verde
    $btn-bg-color-verde: $green-pea;
    $btn-bg-color-verde-hover: $screamin-green;
    // Boton rojo
    $btn-bg-color-rojo: $bright-red;
    $btn-bg-color-rojo-hover: $bittersweet;