/*
This file handles color theming, based on user prefs. The current color scheme is: auto
*/

:root {
	--white: rgb(255,255,255);
--pinstripe-trim: rgba(189, 16, 224, 0.73);
--header-background-gradient: linear-gradient(to bottom right, #9013fe, #a42c60);
--header-background-pinstripe: 1px solid #86244e;
--logo-gradient: linear-gradient(to bottom right, rgb(35, 181, 255), rgb(235, 109, 231), rgb(255, 75, 124));	--body-text: rgb(111, 114, 121);
--headline-text: rgb(64, 64, 79);
--diminished-text: rgb(111,114,121);

--background-color: rgb(247, 245, 250);
--article-background: rgb(254,254,255);
--article-mid-background: rgb(240,242,246);
--highlight-background: background: rgba(189, 16, 224, 0.17);
}
@supports (color: color(display-p3 1 1 1 / 1)) {
	:root
	{
		--white: color(display-p3 1 1 1 / 1);
--logo-gradient: linear-gradient(to bottom right, color(display-p3 0.0471 0.8275 0.9899 / 1), color(display-p3 0.8314 0.4824 0.9899 / 1), color(display-p3 0.9899 0.3255 0.3647 / 1));		
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		--body-text: rgb(221,221,221);
--headline-text: rgb(243,243,245);
--diminished-text: rgb(175, 175, 189);

--background-color: #1b1e23;
--article-background: rgb(26, 28, 31); 
--article-mid-background: rgb(37, 43, 44);
--highlight-background: background: rgba(189, 16, 224, 0.17);
	}
	@supports (color: color(display-p3 1 1 1 / 1)) {
		:root
		{
			
		}
	}
}