/* <COLOR PALETTE> */
/* dark mode */
:root {
	/* native form elements and scrollbars in dark colors */
	color-scheme: dark;
	--red: #b5503f;
	--green: #6f7d1e;
	--blue: #1f4280;
	--white: #fff;
	--black: #000;
	--grey: rgb(160, 160, 160);
	--html-color: rgb(234, 234, 234);
	--link-color: rgb(138, 180, 248);
	--link-color-visited: rgb(197, 138, 249);
	--body-bg-color: rgb(36, 36, 36);
	--box-shadow-color: rgba(0, 0, 0, .8);
	--box-shadow-inset-color: rgba(255, 255, 255, .05);
	--quote-bg-color: rgba(0, 0, 0, .5);
	--rating-color: #ff5c5c;
	--success-bg-color: #2e7d32;
}
/* </COLOR PALETTE> */

/* <REDUCE THE BRIGHTNESS OF SOME ELEMENTS IN THE DARK MODE> */
img {
	filter: brightness(.85) grayscale(.2);
}
/* </REDUCE THE BRIGHTNESS OF SOME ELEMENTS IN THE DARK MODE> */