:root {
	
	/* Primary color */
	
	--color-primary-background: #527621;
	--color-primary-background-gradient-top: #527621;
	--color-primary-background-gradient-bottom: #527621;
	--color-primary-background-border: #436318;
	--color-primary-background-shadow: #000;	
	--color-primary-foreground: #fff;
	--color-primary-foreground-shadow: #000;
	
	/* Primary color - Active (used for hover/active states) */
	
	--color-primary-active-background: #527621;
	--color-primary-active-background-gradient-top: #527621;
	--color-primary-active-background-gradient-bottom: #527621;	
	--color-primary-active-background-border: #436318;
	--color-primary-active-background-shadow: #dc8840;	
	--color-primary-active-foreground: #fff;
	--color-primary-active-foreground-shadow: #000;
	
	/* Secondary color */
	
	--color-secondary-background: #c3ce9f;
	--color-secondary-background-gradient-top: #c3ce9f;
	--color-secondary-background-gradient-bottom: #c3ce9f;
	--color-secondary-background-border: #9eab72;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #222222;
	--color-secondary-foreground-shadow: #fff;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #c3ce9f;
	--color-secondary-active-background-gradient-top: #c3ce9f;
	--color-secondary-active-background-gradient-bottom: #c3ce9f;	
	--color-secondary-active-background-border: #9eab72;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #222222;
	--color-secondary-active-foreground-shadow: #fff;
	
}