:root {
    --color-white: #ffffff;
    --color-primary: #e3172c;
    --color-primary-light: #FBDCE0;

    --color-info-light: #EFF6FF;
    --color-info-medium: #BEDBFF;
    --color-info-dark: #193CB8;

    --color-danger-light: #f8d7da;
    --color-danger-medium: #f1aeb5;
    --color-danger-dark: #58151c;
    
    --color-warning-light: #fff3cd;
    --color-warning-medium: #ffe69c;
    --color-warning-dark: #664d03;

    --color-success-light: #d1e7dd;
    --color-success-medium: #a3cfbb;
    --color-success-dark: #0a3622;
    
    --color-gray: #D7D7D7;
    --color-gray-dark: #A9A9A9;
    --color-gray-dark2: #E5E7EB;
    --color-error: #970000;
    --color-success: #008236;

    /*Colores para los modales*/
 
    --soft-warning: #FFFBEB;
    --strong-warning:#973C00;

    --soft-success:#F0FDF4;
    --strong-success: #008236;

    --soft-error:#FEF2F2;
    --icon-error: #DC2626;
    --border-error: #f5c2c7;
    --strong-error:  #9F0712;

    /*Colores para los botones de los modales*/

    --btn-error: #E3172C;
    --btn-cerrar: #5E5E5E;
     --btn-description :#FCFCFD;

    /*Color para el boton de cerrar del modal*/
    --color-time: #99A1AF;
    --btn-cerrar-fondo :#F5F5F5;
    --strong-black:  #000000;


     




}