:root {
    /*Surface*/
    --avex-background: #FFF;
    --avex-on-background: #2B323B;
    --avex-surface: #FCFCFD;
    --avex-on-surface: #2B323B;
    --avex-surface-1: #F3F2F5;
    --avex-surface-2: #ECECEF;
    --avex-surface-3: #E6E6E9;
    --avex-surface-4: #E4E4E7;
    --avex-surface-5: #E0E0E4;
    /*Outline tabla*/
    --avex-outline: #ABABAE;
    --avex-header-tabla: #5D5E61;
    /*Pemanentes*/
    --avex-white-imp: #fff;
    --avex-black-imp: #000;
    --avex-primary-container-imp: #CCFDFF;
    --avex-on-primary-container-imp: #003133;
    /*Exito*/
    --avex-exito: #45A824;
    --avex-on-exito: #fff;
    --avex-exito-container: #DDF6D5;
    --avex-exito-on-container: #112A09;
    /*Error*/
    --avex-error: #FF0000;
    --avex-on-error: #fff;
    --avex-error-container: #FFCCCC;
    --avex-error-on-container: #330000;
    --avex-error-container-imp: #FFCCCC;
    --avex-error-on-container-imp: #990000;
    /*Origen*/
    --avex-origen: #FF9800;
    --avex-on-origen: #fff;
    --avex-origen-container: #FFEBCC;
    --avex-origen-on-container: #331F00;
    /*Detencion*/
    --avex-detencion: #B104FB;
    --avex-on-detencion: #fff;
    --avex-detencion-container: #EFCDFE;
    --avex-detencion-on-container: #230132;
    /*Destino*/
    --avex-destino: #000000;
    --avex-on-destino: #fff;
    --avex-destino-container: #E6E6E6;
    --avex-destino-on-container: #1A1A1A;
    /*Secondary*/
    --avex-secondary: #576475;
    --avex-on-secondary: #fff;
    --avex-secondary-container: #E2E5E9;
    --avex-secondary-on-container: #16191D;
    /*Dark green*/
    --avex-darken-green: #0EBE7E;
    --avex-on-darken-green: #fff;
    --avex-darken-green-container: #CFFCEC;
    --avex-on-darken-green-container: #033020;
    /*Dark red*/
    --avex-darken-red: #C70F05;
    --avex-on-darken-red: #fff;
    --avex-darken-red-container: #FED0CD;
    --avex-on-darken-red-container: #320401;
    /*Blueviolet*/
    --avex-blueviolet: #4256BD;
    --avex-on-blueviolet: #fff;
    --avex-blueviolet-container: #D9DDF2;
    --avex-on-blueviolet-container: #0D1126;
}