@media
	(max-width: 600px) and (orientation: portrait)
,	(max-height: 600px) and (orientation: landscape)
{
	@media (prefers-color-scheme: light) {
		:root {
			--color-foreground: #000000;
			--color-background: #FFFFFF;

			--color-primary: #00D500;
			--color-secondary: #03D1BD;
			--color-accent: #0080D5;

			--color-error: #D53500;
		}
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--color-foreground: #FFFFFF;
			--color-background: #121212;

			--color-primary: #00FF00;
			--color-secondary: #00FFFF;
			--color-accent: #0080FF;

			--color-error: #FF3F00;
		}
	}
}

@media
	(min-width: 600px) and (orientation: portrait)
,	(min-height: 600px) and (orientation: landscape)
{
	@media (prefers-color-scheme: light) {
		:root {
			--color-foreground: #000000;
			--color-background: #FFFFFF;

			--color-primary: #1BBABA;
			--color-secondary: #A500D5;
			--color-accent: #8C8648;

			--color-error: #BC1D18;
		}
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--color-foreground: #FFFFFF;
			--color-background: #303030;

			--color-primary: #35CACA;
			--color-secondary: #C800FF;
			--color-accent: #A9A056;

			--color-error: #FF0000;
		}
	}
}

@media
	(min-width: 768px) and (orientation: portrait)
,	(min-height: 768px) and (orientation: landscape)
{
	@media (prefers-color-scheme: light) {
		:root {
			--color-foreground: #000000;
			--color-background: #FFFFFF;

			--color-primary: #005B96;
			--color-secondary: #C2185B;
			--color-accent: #FFB300;

			--color-error: #AF2525;
		}
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--color-foreground: #FFFFFF;
			--color-background: #212121;

			--color-primary: #2196F3;
			--color-secondary: #E91E63;
			--color-accent: #FFC107;

			--color-error: #FF0000;
		}
	}
}

@media
	(min-width: 992px) and (orientation: portrait)
,	(min-height: 992px) and (orientation: landscape)
{
	@media (prefers-color-scheme: light) {
		:root {
			--color-foreground: #000000;
			--color-background: #FFFFFF;

			--color-primary: #00AFD5;
			--color-secondary: #626A73;
			--color-accent: #1DB889;

			--color-error: #B5202F;
		}
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--color-foreground: #FFFFFF;
			--color-background: #343A40;

			--color-primary: #00D2FF;
			--color-secondary: #768089;
			--color-accent: #23DCA5;

			--color-error: #DA2537;
		}
	}
}

@media
	(min-width: 1200px) and (orientation: portrait)
,	(min-height: 1200px) and (orientation: landscape)
{
	@media (prefers-color-scheme: light) {
		:root {
			--color-foreground: #000000;
			--color-background: #FFFFFF;

			--color-primary: #D56500;
			--color-secondary: #166ABE;
			--color-accent: #9F3593;

			--color-error: #B02424;
		}
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--color-foreground: #FFFFFF;
			--color-background: #212121;

			--color-primary: #FF7900;
			--color-secondary: #03B1FC;
			--color-accent: #BF40AF;

			--color-error: #F21E0D;
		}
	}
}