@import 'base.css';

:root {
	--light-terra: #E8DDCB;
	--acqua-profonda: #033649;
	--abisso: #031634;
	--my-green: #1db954;
	--my-black: #191414;
	 
	/* Modules left menu */
	--modules-list-color: lightgray;
	--modules-list-background: var(--acqua-profonda);
	--modules-list-selected-color: white;
	 
	/* Module header */ 
	--module-header-color: white;
	--module-header-background: var(--acqua-profonda);		

	
	/* Button bar */	 
	--button-bar-background: var(--abisso);
	--list-formats-color: lightgray;
	--list-formats-hover-color: white;
	
	/* Backgrounds & labels */
	--background: var(--acqua-profonda);
	--color: var(--light-terra);
	--color: white;
	
	/* Frames */	
	--frame-background: var(--abisso);
	
	/* Actions */
	--action-color: lightgray;	
	--action-hover-color: white;
	--action-hover-background: transparent;
	--default-action-button-background: var(--my-green);
	--default-action-button-color: white; 
	--default-action-button-shadow: none;
	--default-action-button-hover-shadow: none;
	--list-row-action-color: gray; 
	--list-row-action-hover-color: var(--acqua-profonda); 
	
	/* Editors */
	--required-editor-border: green;
	--input-focus-border: var(--my-green); 

	--button-bar-shadow: black; 
	--shadow: black; 
	
	--cke-top-background: lightgray; 
	
	--autocomplete-scrollbar-background: lightgray; 
	--ui-menu-item-state-focus-background: lightgray; 
	--icons-list-scrollbar-color: lightgray; 
}