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

}

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

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

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

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

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

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

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