:root {
	
	/* Configurazione dimensioni */
	
	--wec-body-maxwidth: 1920px;
	--wec-areamiddle-maxwidth: 1280px; /* Vedi anche cms.js e templatetag draw_grumerc_or_sgrumerc_image */
	--wec-areamiddle-padding-leftright: 10px; /* Per evitare che il testo sia appiccicato a bordo finestra */
	--wec-arealeft-maxwidth: 300px;
	--wec-arearight-maxwidth: 260px;
	
	--wec-img-gallery: 73px;
	
	/* Colori */
	
	--wec-color-bg: #fff;
	--wec-color-fg: #000;
	--wec-color-bg-rgb: 255 255 255; /* Senza virgole!! */
	--wec-color-fg-rgb: 0 0 0; /* Senza virgole!! */
	
	--wec-color-bg-contro: #f4f4f4; /* Controsfondo (sfondo sullo sfondo) */
	--wec-color-focus: #ff6900; /* Colore hover e/o selezione attiva (tipicamente .my-ui-state-focus) */
	
	--wec-color-bg-alt: #202b30; /* Background alternativo, usato per es. per il footer */
	--wec-color-fg-alt: #fff; /* Colore su background alternativo, usato per es. per il footer */
	
	--wec-color-border: var(--color-default);
	
	/* Regole tipografiche */
	
	--wec-ratio: 1.2;
	--wec-base: 1;
	--wec-base-em: calc(var(--wec-base) * 1rem);
	--wec-ms0: 1;
	--wec-ms1: var(--wec-ratio);
	--wec-ms2: calc(var(--wec-ratio) * var(--wec-ms1));
	--wec-ms3: calc(var(--wec-ratio) * var(--wec-ms2));
	--wec-ms4: calc(var(--wec-ratio) * var(--wec-ms3));
	--wec-ms5: calc(var(--wec-ratio) * var(--wec-ms4));
	--wec-ms6: calc(var(--wec-ratio) * var(--wec-ms5));
	--wec-ms7: calc(var(--wec-ratio) * var(--wec-ms6));
}

.dark {
	
	/* Colori */
	
	--wec-color-bg: #000;
	--wec-color-fg: #fff;
	--wec-color-bg-rgb: 0 0 0; /* Senza virgole!! */
	--wec-color-fg-rgb: 255 255 255; /* Senza virgole!! */
	
	--wec-color-bg-contro: #0b0b0b; /* Controsfondo (sfondo sullo sfondo) */
}