:root {
	--phnewsfeed-primary: #d2a7ef; 
	--phnewsfeed-primary-text: #f9ffe7;
	--phnewsfeed-background-main: #ffffff;
	--phnewsfeed-background-darker: #eeeeee;
	
	--phnewsfeed-secondary:#3d405b;
	--phnewsfeed-secondary-dark: #33202a;
	--phnewsfeed-secondary-text: #FFF;
	
	--phnewsfeed-text-dark: #111;
	--phnewsfeed-text: #555;
	--phnewsfeed-text-light: #777;
	
	--phnewsfeed-header-background: #000000;
	--phnewsfeed-header-lighter: #222;
	--phnewsfeed-header-text: #FFFFFF;
	--phnewsfeed-top-bar-text: #777777;
	
	--phnewsfeed-mobile-header-background: #FFFFFF;
	--phnewsfeed-mobile-header-text: #222222;

}

@background: var(--phnewsfeed-background-main);
@background-darker: var(--phnewsfeed-background-darker);

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

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

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

@header-bg: var(--phnewsfeed-header-background);
@header-text: var(--phnewsfeed-header-text);
@header-lighter: var(--phnewsfeed-header-lighter);
@top-bar-text: var(--phnewsfeed-top-bar-text);

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