/* =========================================================
   COLORES
   ========================================================= */

:root {
	/* Identidad */
	--color-principal: #0066cc;
	--color-principal-claro: #ccf;

	/* Neutros */
	--color-titulo: #0b0b0b;
	--color-texto: #1a1a1a;
	--color-texto-secundario: #666;
	--color-borde: #ccc;
	--color-separador: #88f;
	--color-fondo: #eee;
	--color-blanco: #fff;
	
	/* Listado */
	--color-impar: #f2f2ff;
	--color-par: #e8e8ff;

	/* Errores */
	--color-error-fondo: #ffe1e1;
	--color-error-borde: #ffb5b5;
	--color-error-texto: #a00000;

	/* Transparencias derivadas de los colores anteriores */
	--color-principal-12: rgb(0 102 204 / .12);
	--color-oscuro-12: rgb(17 17 17 / .12);
	--color-oscuro-20: rgb(17 17 17 / .20);
	--color-oscuro-30: rgb(17 17 17 / .30);
	--color-oscuro-45: rgb(17 17 17 / .45);
	--color-oscuro-50: rgb(17 17 17 / .50);
	--color-oscuro-55: rgb(17 17 17 / .55);
	--color-oscuro-65: rgb(17 17 17 / .65);
}