:root {
	--banner-title-light: #eee;
	--banner-title-dark: #222;
	--banner-title-stroke: #888;
}

:root {
	/*  global */
	--txt-stress-clr: ;
	--txt-main-clr: #000;
	--txt-sub-clr: #444;
	--txt-lighter-clr: #666;

	--header-name-clr: #9cd;
	--header-name-true-clr: #358cb7;
	--reverse-bg-clr: #ccc;
	--selection-bg-clr: #888;
	--selection-text-clr: #fff;
	--link-clr: #44659f;
	--link-hover-clr: #55a7ff;
	--side-menu-bg-clr: #eeed;
	--side-menu-shadow-clr: #bbba;
	--footer-bg-clr: #0003;
	--footer-text-clr: #0009;
	--footer-shadow-clr: #333;
	--icon-dark-color-filter: invert(32%) sepia(0%) saturate(1047%) hue-rotate(136deg) brightness(86%) contrast(80%);
	--icon-reverse: invert(10%);


	/* homepage */
	--postlist-item-bg: #fffc;
	--homepage-aside-bg: #eee7;

	/* article view */
	--bg-clr: #eee;
	--article-bg-clr: #f7f7f7;
	--article-shadow-clr: #666;

		/* article header & banner */
		--header-bg-clr: #7773;
		--header-bg-true-clr: #fff;
		--header-title-clr: #000;
		--header-shadow-clr: #555;
		--banner-bg-clr: #999;
		--banner-linkup: linear-gradient(#eeeeee00 0%, #eeeeee01 5%, #eeeeee06 10%, #eeeeee0d 15%, #eeeeee18 20%, #eeeeee25 25%, #eeeeee34 30%, #eeeeee45 35%, #eeeeee58 40%, #eeeeee6b 45%, #eeeeee80 50%, #eeeeee94 55%, #eeeeeea7 60%, #eeeeeeba 65%, #eeeeeecb 70%, #eeeeeeda 75%, #eeeeeee7 80%, #eeeeeef2 85%, #eeeeeef9 90%, #eeeeeefe 95%,#eeeeee 100%);

		/* article text */
		--text-h1-marker-clr: #2ac5c5;
		--text-h2-marker-clr: #2fce98;
		--text-normal-title-clr: #f7f7f7;

		--text-code-clr: #505386;
		--text-code-bg-clr: #f2eff3;
		--text-blkquote-border-clr: #999;
		--text-blkquote-border-lft-clr: #5ebcbc;

	/* interactive control */
	--button-clr: #9ce;
	--button-hover-clr: #acf;
	--button-disabled-clr: #689;
	--warning-clr: #ec7;

}

@media (prefers-color-scheme: dark) {
:root {
	/*  global */
	--txt-stress-clr: ;
	--txt-main-clr: #eee;
	--txt-sub-clr: #ccc;
	--txt-lighter-clr: #aaa;

	--header-name-clr: #9cd;
	--header-name-true-clr: #4da4cc;
	--reverse-bg-clr: #555;
	--selection-bg-clr: #ccc;
	--selection-text-clr: #fff;
	--link-clr: #81aaf0;
	--link-hover-clr: #6cf;
	--side-menu-bg-clr: #333d;
	--side-menu-shadow-clr: #222a;
	--footer-bg-clr: #0003;
	--footer-text-clr: #666;
	--footer-shadow-clr: #333;
	--icon-dark-clr-filter: invert(60%) sepia(6%) saturate(0%) hue-rotate(276deg) brightness(100%) contrast(91%);
	--icon-reverse: invert(90%);


	/* homepage */
	--postlist-item-bg: #000a;
	--homepage-aside-bg: #0007;

	/* article view */
	--bg-clr: #272727;
	--article-bg-clr: #333;
	--article-shadow-clr: #222;

		/* article header & banner */
		--header-bg-clr: #0003;
		--header-bg-true-clr: #222;
		--header-title-clr: #ddd;
		--header-shadow-clr: #222;
		--banner-bg-clr: #555555;
		--banner-linkup: linear-gradient(#27272700 0%, #27272701 5%, #27272706 10%, #2727270d 15%, #27272718 20%, #27272725 25%, #27272734 30%, #27272745 35%, #27272758 40%, #2727276b 45%, #27272780 50%, #27272794 55%, #272727a7 60%, #272727ba 65%, #272727cb 70%, #272727da 75%, #272727e7 80%, #272727f2 85%, #272727f9 90%, #272727fe 95%,#272727 100%);

		/* article text */
		--text-h1-marker-clr: #51cfcf;
		--text-h2-marker-clr: #7ddbbb;
		--text-normal-title-clr: #f7f7f7;

		--text-code-clr: #b8bbf2;
		--text-code-bg-clr: #3c393f;
		--text-blkquote-border-clr: #777;
		--text-blkquote-border-lft-clr: #5aa;

	/* interactive control */
	--input-deco-clr: #666;
	--input-deco-focus-clr: var(--link-hover-clr);
	--button-clr: #69c;
	--button-hover-clr: #8ac;
	--button-disabled-clr: #567;
	--toast-bg-clr: #35546b;
	--error-clr: #e66666;
	--warning-clr: #a82;

}
}