:root {
    /*------------ fonts -------------*/
    --r-font: "Roboto";
    --r-fontSize: 9pt;
    /*------------ color -------------*/
    --colorPrincipal: #000000;
    --colorSecundario: #6b6d7f;
    /*------------ textos -------------*/
    --colorPrincipalTexto: #000000;
    --colorSecundarioTexto: #6b6d7f;
    --colorCabeceraTexto: #FFFFFF;
    /*------------ paneles -------------*/
    --colorOverlayDialog25: #8aa9b240;
    --colorOverlayDialog50: #8aa9b280;
    --colorOverlayDialog75: #8aa9b2bf;
    --colorSecundarioRgba25: #c2eaeb40;
    --colorSecundarioRgba50: #c2eaeb80;
    --colorSecundarioRgba75: #c2eaebbf;
    /*------------ iconos -------------*/
    --colorPrincipalIcono: #6b6d7f;
    --colorSecundarioIcono: #6b6d7f;
    --colorPBotonIcono: #FFFFFF;
    --colorSBotonIcono: #FFFFFF;
    /*------------ Tamaños -------------*/
    --icoSVGWidth: 32px;
    --icoSVGHeight: 32px;
}