:root {
    --background-color: #e9e9e9;
    --background-color-secundario: #fafafa;
    --background-container: #f5f5f5;
    --background-container-secundario: #e4e4e4;
    --background-card: #f5f5f5;
    --background-card-secundario: #f5f5f5;
    --color-text-general: #000000;
    --color-text-secundario-general: #121212;
    --color-text-card:#ffffff;
    --color-text-titulos: #ffffff;
    --color-text-secundario-titulos: #0d0d0e;
    --color-text-navbar: #cfcfff;
    --color-text-navbar-secundario: #000000;
    --color-text-navbar-hover: #f5f5ff;
    --color-btn-text: #f5f5ff;
    --color-btn-secundario-text: #131313;
    --color-principal: #3b519d  ;
    --color-secundario: #ca3a32  ;
    --color-principal-hover: #34488d;
    --color-principal-focus: #34488d;
    --color-principal-disabled: #607bdf;
    --color-secundario-hover: #a9312b;
    --color-secundario-focus: #a9312b;
    --color-secundario-disabled: #ee5149;
    --color-grafica-relleno: #34488d; 
    --color-iconos-principal: var(--color-principal);
    --color-iconos-secundario: var(--color-secundario);
    --color-monto-principal: var(--color-secundario);/* dcf117 Antes tenia el mismo color que el --color-secundario pensado para los titulos grandes (tambien se usa para numeros de guia)*/
    --color-monto-secundario:#000000; /*Pensado para los titulos chicos y antes era full negro*/
    --shadow-color: var(--color-secundario);
   --color-text-conteiner-principal: rgb(0, 255, 213);


    --shadow-elevation-medium:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
    --shadow-elevation-medium-2:
    0.3px 0.5px 0.4px hsl(var(--shadow-color) / 0.11),
    0.4px 0.8px 0.7px -1.7px hsl(var(--shadow-color) / 0.08),
    1.3px 2.6px 2.2px -3.3px hsl(var(--shadow-color) / 0.05),
    3.8px 7.5px 6.3px -5px hsl(var(--shadow-color) / 0.03);
}