:root {
	/* Bootstrap colors */
	--text-normal: #cdcdcd;
	--text-faded: #aaa;
	--text-active: white;
	--text-danger: #dc3545;
	--text-success: #28a745;
	--text-primary: #007BFF;
	--text-info: #17a2b8;
	--text-secondary: #6c757d;


	/* 	primary color old options: #7829ff; #b800ff; #9000ff; 
		secondary color old options: #898e93;

		https://coolors.co/cd3be3-6640bf-777599-e0e3f3-f4f4f9
	*/
	--btn-primary: #CD3BE3;
	--btn-secondary: #6640BF;
	--btn-tertiary: #777599;

	--grey-background: #E0E3F3;
	--grey-unselected-background: #f2f2f2;
	--light-background: #F4F4F9;


	--text-link: var(--btn-secondary);


	/* https://stackoverflow.com/questions/15852122/hex-transparency-in-colors/17239853#17239853 */ 
	--btn-primary-halftrans: #CD3BE380;
	--btn-primary-80trans: #CD3BE333;
	--btn-primary-95trans: #CD3BE30D;

	--btn-secondary-halftrans: #6640BF80;
	--btn-secondary-80trans: #6640BF33;
	--btn-secondary-95trans: #6640BF0D;



	--text-dark: #212529;

	/* --grey-line: #707070; */
	--grey-line-50lighter: #acacac;
	--grey-line-lighter: #ccc;
	--grey-line-light-trans: #00000040;

	/* --logo-dark-blue: #004080; */
	--logo-dark-blue: #003367;
	--logo-light-blue: #0099ff;
	/* --logo-light-blue: #007fff; */

	--light-grey-background: #f6f8fa;
	--light-grey-border: #d0d7de;

	--post-grey-border: rgba(0, 0, 0, .10); /* #c6c6c6bf; */
	--post-grey-background: rgba(0, 0, 0, .05); /* #f7f7f720; */

	--post-grey-border-light: rgba(255, 255, 255, .15);
	--post-grey-background-light: rgba(255, 255, 255, .1);

	--post-link-text: #008dff;


	--dark-border: #333;


	--font-weight-regular: 400;
	--font-weight-bold: 500;
	--font-weight-black: 700;


	--profile-white: white;
	--profile-black: black;
	--profile-light-grey: #eee;
	--profile-dark-grey: #3d3d3d; /*  #4a4a4a; /*  #666;  */
	--profile-light-red: #ffdede; /*  rgb(255, 236, 236);  */
	--profile-dark-red: rgb(110 34 13); /*  rgb(63, 13, 13);  #3e1307  */
	--profile-light-orange: #f9d7bd; /* rgb(254, 238, 226);  */
	--profile-dark-orange: #a55403; /* rgb(146 73 17);  */
	--profile-dark-orange-text: rgb(45, 33, 2);	
	--profile-light-yellow: #fdfadd; /*  rgb(251, 250, 241); */
	--profile-dark-yellow: #8c6f00; /*  #957f29; /*  #d1ad1f;  rgb(48, 40, 0); */ 
	--profile-light-green: #bcdfba; /* rgb(238, 251, 237);  */
	--profile-dark-green: rgb(0, 33, 3);
	--profile-light-blue: rgb(238, 246, 255);
	--profile-dark-blue: rgb(0, 26, 56);
	--profile-light-purple: rgb(249, 241, 255);
	--profile-dark-purple: #301e48; /*  #351262; /* rgb(22, 0, 51);  */
	--profile-light-brown: rgb(255, 245, 237);
	--profile-dark-brown: rgb(46, 22, 0);
	
}


body.pink {
	background: linear-gradient(135deg, rgb(250 247 254), rgb(164 178 255));
}
body.grey {
	background: linear-gradient(135deg, rgb(255, 255, 255), rgb(148, 148, 148));
}