:root {
	--main-background: #f1f0f0;
	--main-background-weak: #f3f3f3;
	--main-color: #333538;
	--main-color-50: #333538;
	--main-color-100: #4c4c4c;
	--main-color-200: #8a8a8a;
	--main-color-300: #9f9f9f;

	--main-color-danger: #ba3939;
	--main-color-danger-light: #af3e3e;

	--main-color-success: #549431;
	--main-color-success-light: #99ce95;

	--main-new-notification: #2d97f5;

	--main-min-width: 340px;
	--main-max-width: 850px;

	--header-default-background: #fff;
	--header-default-color: #fff;
	--header-border-bottom: 3px solid rgba(24, 25, 30, 0.09);
	--header-border-radius: 8px;

	--post-background: #fefefe;
	--post-background-weak: #faf9f9;

	--post-shadow: none;

	--link-color: #3882c4;
	--link-underline-color: #95bde1;

	--button-color: #f1eeeb;
	--button-background: #454341;
	--button-background-highlighted: #3a3837;

	--button-accented-color: #fafafa;
	--button-accented-background: #187ed6;
	--button-accented-background-highlighted: #318fe1;

	--button-danger-color: #fafafa;
	--button-danger-background: #ba3939;
	--button-danger-background-highlighted: #d64747;

	--button-weak-color: #787572;
	--button-weak-background: #e5e5e3;
	--button-weak-background-highlighted: #efefef;

	--radio-border-color: #dadbdc;
	--radio-border-color-checked: #818181;
	--radio-border-color-highlighted: #c0c2c4;

	--avatar-size: 40px;
	--avatar-size-small: 17px;
	--avatar-small-2nd-offset-top: -13px;
	--avatar-small-2nd-offset-right: -26px;
	--avatar-small-3rd-offset-top: -32px;
	--avatar-small-3rd-offset-right: -20px;
	--avatar-border-radius: 50%;
	--avatar-border-radius-small: 50%;

	--avatar-font-color: #eeeeee;
	--avatar-default-background: #4b4b5a;

	--article-image-border-radius: 4px;
	--article-image-max-width: 90%;

	--article-code-background: #e1e1e4;

}

@media (prefers-color-scheme: dark) {
	:root {
		--main-background: #1a1a1f;
		--main-background-weak: #1e1e23;
		--main-color: #e0e4ea;
		--main-color-50: #d7d8de;
		--main-color-100: #cfd1d8;
		--main-color-200: #9f9f9f;
		--main-color-300: #818181;
		
		--main-color-danger: #ba3939;
		--main-color-danger-light: #c08a8a;

		--main-color-success: #6bc53a;
		--main-color-success-light: #99ce95;

		--main-new-notification: #2d97f5;
		--header-default-background: #2c2c34;

		--post-background: #24242c;
		--post-background-weak: #1d1d22;
		--post-shadow: none;

		--button-color: #f1eeeb;
		--button-background: #313136;
		--button-background-highlighted: #3b3b41;

		/* --button-color: #e4e9f0;
		--button-background: #2f2f32;
		--button-background-highlighted: #3b3b41; */
		
		--button-weak-color: #c6cbd1;
		--button-weak-background: #2b2b30;
		--button-weak-background-highlighted: #35353a;

		--radio-border-color: #313136;
		--radio-border-color-checked: #e0e4ea;
		--radio-border-color-highlighted: #818181;

		--article-code-background: #292930;
	}
}