:root{
    
    /*Bordes*/
    --beB: 3px;  /*Botones*/
    --beBh: 4px;  /*Botones*/
    --beI: 1px;  /*Inputs*/
    --beN: thin;  /*Nav link*/
    
    /*Radios*/
    --brB: var(--eo0);  /*Botones / Inputs*/
    --brS: var(--eo2);  /*Botones secundarios*/
    --brM: 0px;  /*Modal y contenedores*/
    --brI: 0;  /*Inputs*/
    
    /*Sombras*/
    --saT:  1px 1px 1px rgba(var(--crN),var(--od2));            /*Textos*/
    --saB:  0px 9px 3px -6px rgba(var(--crN),var(--od2));       /*Botones*/
    --saBh:  0px 12px 5px -9px rgba(var(--crN),var(--od2));     /*Botones Hover*/
    --saI:  none;     /*Botones Hover*/
    --saN:  0px 4px 4px 0px rgba(var(--crN),var(--od2));      /*Nav Superior*/
    --saN2: -4px 0px 4px 0px rgba(var(--crN),var(--od2));     /*Nav Lateral*/
    --saM: 0px 5px 10px 0px rgba(var(--crN),var(--od2));     /*Ventana modal*/

    /* Modal */
    --bgM: rgba(var(--crG0), var(--od3)); /* fondo modal */

    
}

/*::::: SCROLLBAR :::::*/
/* Igualar whidth acepta Thin o Auto */
* {
    scrollbar-color: rgb(var(--crG1)) rgb(var(--crP1));
    scrollbar-width: var(--ds2);

}

*::-webkit-scrollbar {
    width: var(--ds1);
}

*::-webkit-scrollbar-thumb {
    background: rgb(var(--crG1));
    border: solid rgb(var(--crP1)) thin;
    border-radius: var(--brI);
}

*::-webkit-scrollbar-track {
    background: rgb(var(--crP1));
}