/*------------------------------------*\
    $ALERTAS
\*------------------------------------*/
/**
 * Definimos colores y elementos de mensajes de alerta
 */
$color-success: rgb(91,183,91);
$color-error:   rgb(218,79,73);
$color-info:    rgb(165,221,223);
$color-warning: rgb(252,248,227);

//Texturas de popups
$alert-border-width: 1px;
$alert-border-style: solid;

//Success
$alert-success-color:      lighten($color-success, 30%);
$alert-success-text:       darken($color-success, 20%);
$alert-success-background: lighten($color-success, 40%);
$alert-success-border:     lighten($color-success, 30%);

//Error
$alert-error-color:      lighten($color-error, 30%);
$alert-error-text:       darken($color-error, 20%);
$alert-error-background: lighten($color-error, 35%);
$alert-error-border:     lighten($color-error, 30%);

//Info
$alert-info-color:      lighten($color-info, 10%);
$alert-info-text:       darken($color-info, 40%);
$alert-info-background: lighten($color-info, 15%);
$alert-info-border:     darken($color-info, 10%);

//Warning
$alert-warning-color:      lighten($color-warning, 30%);
$alert-warning-text:       darken($color-warning, 60%);
$alert-warning-background: $color-warning;
$alert-warning-border:     darken($color-warning, 10%);