
/*!
 * ## - Custom Properties
 */

:root {

	color-scheme: light dark;

	--foreground-color-light: #000000;
	--foreground-contrast-color-light: #ffffff;
	--foreground-color-dark: #ffffff;
	--foreground-contrast-color-dark: #000000;

	--background-color-light: #eedd33;
	--background-color-dark: #004466;

	--font-body: Cambria, Georgia, serif;
	--font-header: Cambria, Georgia, serif;
	--font-title: Cambria, Georgia, serif;
	--font-meta: Cambria, Georgia, serif;
	--font-monospace: "andale mono", "monotype.com", "lucida console", monospace;

	--wp-alignfull-size: 100vw;

}

body {

	--foreground-color: var( --foreground-color-light );
	--foreground-contrast-color: var( --foreground-contrast-color-light );

	--background-color: var( --background-color-light );

}

@media (prefers-color-scheme: dark) {

	body {

		--foreground-color: var( --foreground-color-dark );
		--foreground-contrast-color: var( --foreground-contrast-color-dark );

		--background-color: var( --background-color-dark );

	}

	img {
		filter: brightness( 0.8 ) contrast( 1.2 );
	}

}