:root {

	/* Box color */
	
	--color-box-background: #dddddd;
	--color-box-background-gradient-top: #dddddd;
	--color-box-background-gradient-bottom: #dddddd;
	--color-box-background-border: #a9aaac;	
	--color-box-background-shadow: #a9aaac;
	--color-box-background-divider: #d0cece;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #fff;		
	--color-box-foreground-bold: #243141;
	--color-box-foreground-bold-shadow: #fff;
	--color-box-head-background: #800080;
	--color-box-head-background:hover #660066;
	--color-box-head-background-gradient-top: #800080;
	--color-box-head-background-gradient-bottom: #800080;	
	--color-box-head-background-border: #dddddd;
	--color-box-head-foreground: var(--color-primary-foreground);
	--color-box-head-foreground-shadow: var(--color-primary-foreground-shadow);
	--color-box-head-foreground-bold: transparent;
	--color-box-head-foreground-bold-shadow: transparent;	
	--color-box-footer-background: #c4c2c2;
	--color-box-footer-background-gradient-top: #c4c2c2;
	--color-box-footer-background-gradient-bottom: #c4c2c2;		
	--color-box-footer-background-border: #908f8f;
	--color-box-footer-foreground: #3f3e3e;
	--color-box-footer-foreground-shadow: #3f3e3e;	
	--color-box-footer-foreground-bold: #000;
	--color-box-footer-foreground-bold-shadow: transparent;
	
	
/* Box color - Active (used for hover/active states) */

--color-box-active-head-background: #ef8f21;

}