:root
{
	--thin-color: gray;

	--button-border-hover: gray;
	--button-border-press: darkgray;

	&[data-applied-mode="light"]
	{
		color-scheme: light;

		--body-background: #FFFFFF;
		--body-foreground: black;

		--navbar-background: linear-gradient(var(--body-background), #E7E7E7);
		--navbar-gradient-start: #2F3279;
		--navbar-link-color: #2F3279;
		--navbar-link-active: #FF0000;

		--sidebar-background: linear-gradient(90deg, var(--body-background), #E7E7E7);

		--link-color: #2F3279;
		--link-active: #FF0000;
		--link-visited: #551A8B;

		--header-gradient-start: #008080;

		--button-border: black;

		--separator-color: #CBCBCB;

		--warning-background-color: lightyellow;
		--warning-border-color: orange;

		--important-background-color: #F1E0FF;
		--important-border-color: mediumpurple;

		--remarks-background-color: aliceblue;
		--remarks-border-color: cornflowerblue;

		--danger-background-color: lightpink;
		--danger-border-color: indianred;

		--github-icon: url("/resources/social/github.svg");

		--external-link-icon: url("/resources/external-link-dark.svg");

		--menu-button-icon: url("/resources/menu.svg");

		&[data-applied-wallpaper="analog"]
		{
			--body-wallpaper: url(/resources/wallpapers/light/analogbanner.png);
		}
		&[data-applied-wallpaper="indigo"]
		{
			--body-wallpaper: url(/resources/wallpapers/light/indigowarmth.png);
		}
	}

	&[data-applied-mode="dark"]
	{
		color-scheme: dark;

		--body-background: #202020;
		--body-foreground: lightgray;

		--navbar-background: linear-gradient(var(--body-background), var(--body-background));
		--navbar-gradient-start: #6494C3;
		--navbar-link-color: #79B6FF;
		--navbar-link-active: #FF8080;

		--sidebar-background: linear-gradient(var(--body-background), var(--body-background));

		--link-color: #79B6FF;
		--link-active: #FF8080;
		--link-visited: #CE9CFF;

		--header-gradient-start: #009E9E;

		--button-border: white;

		--separator-color: #565656;

		--warning-background-color: #545428;
		--warning-border-color: orange;

		--important-background-color: #422E54;
		--important-border-color: mediumpurple;

		--remarks-background-color: #20405D;
		--remarks-border-color: cornflowerblue;

		--danger-background-color: #570101;
		--danger-border-color: indianred;

		--github-icon: url("/resources/social/github-light.svg");

		--external-link-icon: url("/resources/external-link.svg");

		--menu-button-icon: url("/resources/menu-dark.svg");

		&[data-applied-wallpaper="analog"]
		{
			--body-wallpaper: url(/resources/wallpapers/dark/analogbanner.png);
		}
		&[data-applied-wallpaper="indigo"]
		{
			--body-wallpaper: url(/resources/wallpapers/dark/indigowarmth.png);
		}
	}
}