/* This is the CSS loader for dark theme - Import as needed */
@import url('../../twizzler/styles/common.css'); /* CSS paths below end up relative to THIS path.  Change url path to '../../../twizzler/styles/common.css' if copying to /application/styles */
:root {
	--main-bg: black;
	--main: white;
	--main-border: #C00;
	--sub-title: yellow;
	--form-border: white;
	--form-error-bg: #842C35;
	--form-required: pink;
	--input-bg: #525266;
	--infobox-border: #CCC;
	--infobox-bg: gray;
	--infobox: black;
	--warn-opacity: 0.7;
	--warn2-bg: #B48F29;
	--warn2: black;
	--header-bg: url('../../../twizzler/res/images/banner_dark.jpg') no-repeat top left; /* Change url path to '../../../application/res/images/banner_dark.jpg' if copying to /application/styles */
	--header-bg-sm: url('../../../application/res/images/banner_dark_small.jpg') no-repeat top left; /* Change url path to '../../../application/res/images/banner_dark_small.jpg' if copying to /application/styles */
	
	/* variables based on other variables */
	--cookie-bg: var(--sub-title);
	--cookie: var(--main-bg);
	--header-title: var(--main-border);
	--link: var(--warn2-bg);
	--link-hover: var(--main-border);
	--login-bar: var(--main);
	--login-bar-hover: var(--main-border);
	--plist-head: var(--main-border);
	--warn2-box-bg: var(--main-bg);
	--warn2-box: var(--main-border);
	--warn2-x-bg: var(--main-bg);
	--warn2-x: var(--main-border);
}
#buttons {
	background-color: var(--main-bg);
	color: var(--main);
	border-color: var(--main-border);
}