:root {
/* Violeta */
	--hue-base: 220;
	--saturacion-base:20%;

/* Ocre */
/*
	--hue-base: 40;
	--saturacion-base:40%;
*/

/*
	No podemos usar luminosidades relativas a luminosidad-base, no funciona en Firefox (en Chrome sí).
	TODO: Si es necesario tener esto, podemos usar SASS o LESS.

	--luminosidad-base:100%;
	--color-base-superoscuro: hsla(var(--hue-base), var(--saturacion-base), 20%), 1);
	--color-base-oscuro: hsla(var(--hue-base), var(--saturacion-base), calc(var(--luminosidad-base) * 0.45), 1);
	--color-base: hsla(var(--hue-base), var(--saturacion-base), calc(var(--luminosidad-base) * 0.9), 1);
	--color-intermedio: hsla(var(--hue-base), var(--saturacion-base), calc(var(--luminosidad-base) * 0.93), 1);
	--color-superclaro: hsla(var(--hue-base), var(--saturacion-base), calc(var(--luminosidad-base) * 0.95), 1);
*/

/*	Por lo anterior, usamos luminosidades absolutas */

	--screen-width:1920px;
	--screen-height:1080px;
	--cabecera-alto:44px;
	--physical-screen-height: 1080px;
	--modal-width: calc(0.34 * var(--physical-screen-height));

	--color-base-superoscuro: hsla(var(--hue-base), var(--saturacion-base), 20%, 1);

	--color-base-oscuro: hsla(var(--hue-base), var(--saturacion-base), 45%, 1);
	--color-base: hsla(var(--hue-base), var(--saturacion-base), 90%, 1);
	--color-intermedio: hsla(var(--hue-base), var(--saturacion-base), 93%, 1);
	--color-superclaro: hsla(var(--hue-base), var(--saturacion-base), 95%, 1);


 	--color-superclaro-arbol-supervision: rgb(225, 228, 235);



	 --color-scrollbars: hsla(var(--hue-base), var(--saturacion-base), 34%, 1);
	 

	--activo-color-fondo: hsla(40, 100%, 65%, 0.42);;
	--activo-color-texto: rgba(0, 0, 0, 0.9);
    --activo-peso-fuente: 500;

	--fondo-translucido: hsla(var(--hue-base), var(--saturacion-base), 45%, 0.3);
	--fondo-solido: hsla(var(--hue-base), var(--saturacion-base), 85%, 1);

	--fuente-basica:calc(0.02 * var(--physical-screen-height));
	--textos-basicos:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

	--fondo-barra: var(--color-base-superoscuro);
	/*--fondo-barra: var(--color-base);*/
	/* #f8f8f8;*/
	--barra-iluminada: hsla(var(--hue-base), var(--saturacion-base), 33%, 1);
	/* #e7e7e7; */
	--menu-fondo: var(--fondo-barra);
/*	--menu-fondo: var(--color-base);*/
	/*#fff;*/

	--menu-titulo-alto:2.2em;
	--menu-letras-color: var(--menu-texto-color);
	--menu-fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--menu-fuente-tamanno: calc(0.012 * var(--screen-height));
	--menu-texto-color: rgb(225, 228, 235);
/*	--ancho-barra:2vw; */
/*	--screen-width:500px;*/
/*	--screen-height:500px;*/
	--ancho-barra:calc(0.022 * var(--screen-width));
/*	--ancho-iconos-barra: calc(0.82*var(--ancho-barra));*/
	--ancho-iconos-barra: calc(0.01604 * var(--screen-width));
	--arbol-vistas-fondo: white;

	--borde-barra: var(--color-base-oscuro);

	/*--cabecera-alto:calc(0.02 * var(--screen-height));*/
	--cabecera-borde-color: lightgray;
	--cabecera-fondo: linear-gradient(to bottom, var(--color-superclaro) 0%, var(--color-intermedio) 47%, var(--color-base) 100%);;
	--cabecera-fuente: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--cabecera-texto-color: #323232;


	--alto-casilla:3em;

	--cebreado-tabla-supervision: rgba(0, 0, 0, 0.04);

	--img-background: url('../assets/images/homebackground_architectural.png');
	--img-fit: contain;

	--img-background: url('../assets/images/homebackground.jpg');
	--img-fit: cover;
}