:root{
	/* sfondo */
	--color-background: #1C4220;
	--color-title: white;
	--color-text: white;
	--font-title: 'Oswald', sans-serif;
	
	/* foglio */
	--color-sheet-bg: white;
	--color-sheet-text: black;
	--color-sheet-text-light: #999;
	--color-sheet-input-border: #AAA;
	--color-sheet-slected-text: #36813d;
	--color-sheet-title: #36813d;
	--color-sheet-border: #AAA;
	
	--color-sheet-button-text: white;
	--color-sheet-button-border: #1C4220;
	--color-sheet-button-bg: #36813d;
	--color-sheet-button-border-disabled: #999;
	--color-sheet-button-bg-disabled: #999;
	--color-sheet-button-bg-focus: #47a551;
	
	--color-sheet-button-delete-text: white;
	--color-sheet-button-delete-border: #ED2323;
	--color-sheet-button-delete-bg: #ED2323;
	--color-sheet-button-delete-border-disabled: #D59090;
	--color-sheet-button-delete-bg-disabled: #D59090;
	--color-sheet-button-delete-bg-focus: #C22020;
	
	--color-chart-serie: #1C4220;
	
	--font-sheet: 'Gudea', sans-serif;
	--font-sheet-title: 'Oswald', sans-serif;
	--font-sheet-button: 'Oswald', sans-serif;
	--font-sheet-button-delete: 'Gudea', sans-serif;
}

@font-face {
    font-family: Oswald;
    src: url(../font/Oswald-VariableFont_wght.ttf);
}

@font-face {
    font-family: Gudea;
    src: url(../font/Gudea-Regular.ttf);
}