/* ----- VARIABLES GENERALES ----- */
:root {
/* ----- colores fondo ----- */
    --color-primario: #1c41ba;
    --color-secundario: #d0d0e6;
    --color-neutro: #f0f0f0;
    --color-boton: #f0f1f1;
    --color-borde-boton: #dddddd;
    --color-over-boton: #1c41ba;
    --color-over-borde-boton: #dddddd;
    --color-barra: #fb7085;
/* ----- colores texto sobre fondos ----- */
    --color-sobre-primario: #f0f1f1;
    --color-sobre-secundario: #333333;
    --color-sobre-neutro: #333333;
    --color-sobre-barra: #f0f1f1;
    --color-sobre-boton: #333333;
    --color-sobre-over-boton: #f0f1f1;
/* ----- colores texto ----- */
    --color-destacado: #1c41ba;
    --color-activo: #15308e;
    --color-inactivo: #808080;
    --color-generico: #333333;
    --color-over: #fb7085;		

		--color-turquesa: #2CB899;
		--color-verde: #3CB371;
		--color-amarillo: #FFD400;
		--color-naranja: #FF8009;
		--color-marron: #834B2B;
		--color-rojo: #B22222;
		--color-rosa: #FB7085;
		--color-fluor: #C0FE02;
		--color-violeta: #8933DA;
		--color-marino: #111072;
		--color-azul: #3765C9;
		--color-gris: #888888;
		--color-gris-claro: #DEDEDE;
		--color-blanco: #FFFFFF;
		--color-negro: #000000;

/* ----- fuentes ----- */
    --fuente-titulos:Lato,Arial,sans-serif;
    --fuente-generica:Lato,Arial,sans-serif;
    --fuente-formularios:Lato,Arial,sans-serif;
    --fuente-boton:Lato,Arial,sans-serif;
    --fuente-barra:Lato,Arial,sans-serif;
/* ----- tamaņos fuentes ----- */
    --tamano-titulos:1.25rem;
    --tamano-generica:0.875rem;
    --tamano-formularios:0.875rem;
    --tamano-boton:0.875rem;
    --tamano-barra:0.875rem;
    --tamano-barracopy:1rem;
}