@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@supports(--css: variables) {

	:root {
		/* Typefaces */
		--header-font: 'Zilla Slab', serif;
		--title-font: 'Zilla Slab', monospace;

		/* Standard Colors */

		--white-monochrome: 207, 223, 245;
		--pale-gray-monochrome: 157, 186, 226;
		--light-gray-monochrome: 112, 149, 201;
		--gray-monochrome: 75, 115, 171;
		--dark-gray-monochrome: 49, 91, 150;
		--black-monochrome: 7, 7, 40;
		--bright-accent: 128, 184, 116;
		--medium-accent: 61, 139, 44;
		--dark-accent: 28, 104, 12;

		--swatch-text-general: var(--swatch-text-dark);

		--link-color: var(--medium-accent);

		--logo-image: url("/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wdfiles.com%2Flocal--files%2Ftheme%253Ascp-human-resources%2Fhrlogo.png");
		--header-subtitle: "HUMAN RESOURCES DEPARTMENT";

		--background-gradient-color: 255, 242, 219;
		--rating-module-bg-color: var(--dark-accent);
		--rating-module-text-color: var(--bright-accent);
		--rating-module-plus-color: var(--bright-accent);
		--rating-module-negative-color: var(--bright-accent);

		scrollbar-color: rgba(var(--pale-gray-monochrome), 1) rgba(var(--dark-gray-monochrome), 0.50);

		--offset-from-page-top: 0rem;
	}

	#side-bar .heading p,
	#interwiki .heading p {
		color: rgba(var(--black-monochrome), 1);
		font-family: 'Zilla Slab', serif;
		--text-shadow: none;
	}

	#interwiki div.menu-item a,
	#side-bar div.menu-item a,
	#side-bar div.menu-item .text {
		--wght: 500;
		font-weight: 500;
	}

	#search-top-box input.empty {
		color: rgba(var(--white-monochrome), 1);
	}

	#search-top-box-form input[type="submit"],
	#search-top-box-form input[type="submit"]:focus,
	#search-top-box-form input[type="submit"]:hover {
		color: rgb(var(--dark-accent));
	}

	#footer a {
		background: inherit;
		color: rgba(var(--white-monochrome), 1);
	}

	.collapsible-block-link {
		-webkit-text-decoration-color: rgb(var(--medium-accent));
		text-decoration-color: rgb(var(--medium-accent));
		-webkit-text-decoration: rgb(var(--medium-accent));
		text-decoration: rgb(var(--medium-accent));
	}
}