:root {
	--mohali-primary:#1b8415; 
	--mohali-primary-text: #f9ffe7;
	--mohali-background-main: #fff;
	--mohali-background-plain: #fff;
	--mohali-background-darker: #eeeeee;
	
	--mohali-secondary:#747474;
	--mohali-secondary-dark:#076402;
	--mohali-secondary-text: #FFF;
	
	--mohali-text-dark: #111;
	--mohali-text: #555;
	--mohali-text-light: #777;
	
	--mohali-header-background: #fff;
	--mohali-header-global-background: #000000;
	--mohali-header-lighter: #222;
	--mohali-header-text: #FFFFFF;
	--mohali-menu-text:#232323;
	--mohali-top-bar-text:#fffdec;
	--mohali-top-bar-background: #3a3a3a;
	
	--mohali-mobile-header-background: #FFFFFF;
	--mohali-mobile-header-text: #222222;

}

@background: var(--mohali-background-main);
@background-plain: var( --mohali-background-plain);
@background-darker: var(--mohali-background-darker);

@primary: var(--mohali-primary); 
@primary-text: var(--mohali-primary-text); //color of text where background is @primary

@secondary: var(--mohali-secondary);
@secondary-dark: var(--mohali-secondary-dark);
@secondary-text: var(--mohali-secondary-text);

@text-dark: var(--mohali-text-dark);
@text-content: var(--mohali-text);
@text-light: var(--mohali-text-light); 

@header-bg: var(--mohali-header-background);
@header-global-bg: var(--mohali-header-global-background);
@header-text: var(--mohali-header-text);
@menu-text: var(--mohali-menu-text);
@title-color: var(--mohali-title-color);
@header-lighter: var(--mohali-header-lighter);

@top-bar-text: var(--mohali-top-bar-text);
@top-bar-bg: var(--mohali-top-bar-background);

@header-mobile-bg: var(--mohali-mobile-header-background);
@header-mobile-text: var(--mohali-mobile-header-text);