:root {
/* infro */
--color-0: #0C2338;/* negro texto .*/


--color-1: #123c58ff;/*#0C2338;/* azul intenso .*/


--color-2: #FFFFFF;/* blanco+ */
--color-3: #e5e7e9;/* gris claro */

--color-4: #FED200;/* amarillo */
--color-5: #ff1751;/* rojo destacado */

--color-6: #5c7ed7;/*azul más claro*/
--color-7: #eb9015;/* naranja  */
--color-7: #1C9FD4;/* azul de ries  */
--color-8: #09b18d;/* verde claro */
/* general */

--gris-text: #A1A1A1;
--amarillo: var(--color-4);
--border: var(--color-4);
--atencion: var(--color-5);
--error: var(--color-5);

--gris-bd: var(--color-3);

/* escritorio */
--bg-barra-iconos1: var(--color-1);
--bg-barra-iconos2: var(--color-1);
--co-barra-iconos: var(--color-2);
--escritorio:  var(--color-3);

--bg-barra-lateral:  var(--color-2);
--co-barra-lateral:  var(--color-1);


--bg-destacado1: var(--color-8);
--co-destacado1: var(--color-2);

--bg-destacado2: var(--color-4);
--co-destacado2: var(--color-1);

--bg-destacado3: var(--color-1);
--co-destacado3: var(--color-2);

/* tablas */
--bg-table:  var(--color-2);
--co-table:  var(--color-0);
--border-table:  var(--atencion);

--bg-img: transparent;
--co-img: var(--color-3);

--bg-img-dark: var(--color-1);
--co-img-dark: var(--color-2);
/* inputs */
--bg-input: var(--color-1);
--co-input: var(--color-2);
--bg-input2: var(--color-4);
--co-input2: var(--color-2);


/* geseco */
--ingreso:  var(--color-8);
--gasto:  var(--color-5);



--nivel-0: #839192;/*sin ini*/
--nivel-1: #2471a3;/*inicicada*/
--nivel-2: #f39c12;/*pausada*/
--nivel-3: #2471a3;/*reiniciada*/
--nivel-4: #e74c3c;/*retenida*/
--nivel-5: #2ecc71;/*finalizada*/
}