:root {
	/* FORUM BACKGROUND */
	/* 
	* this scaffold displays an image in the upper right corner and a texture spanning the entire background of the page.
	* feel free to adjust backgrounds and placements to your likings. add or remove variables as you seem fit.
	* having trouble getting the result you want? ask arby.
	*/
	--forum-background-image: url(../../../images/designs/tek/background-wolf.jpg);
	--forum-background-image-width-desktop: 800px;
	--forum-background-image-offset-x-desktop: 0;
	--forum-background-image-offset-y-desktop: 0;
	--forum-background-image-width-mobile: 400px;
	--forum-background-image-offset-x-mobile: -100px;
	--forum-background-image-offset-y-mobile: 40px;
	/* texture should be seamless for best results*/
	--forum-background-texture: url(../../../images/designs/tek/background-texture.jpg);
	--forum-background-texture-blend-mode: multiply; /* see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/background-blend-mode for options */
	
	/* FORUM STATUS ICONS */
	/* these should be at least 96x96px in size */
	/* TODO */
	--image-forum-on: url(../../../images/designs/animal/on.png);
	--image-forum-off: url(../../../images/designs/animal/off.png);
	--image-forum-off-lock: url(../../../images/designs/animal/offlock.png);
	/* TODO: Forum Bit title background, team-member background, */
}

body {
	--background-image-width: var(--forum-background-image-width-desktop);
	--background-image-offset-x: var(--forum-background-image-offset-x-desktop);
	--background-image-offset-y: var(--forum-background-image-offset-y-desktop);
	
	@media (width < 992px) {
		--background-image-width: var(--forum-background-image-width-mobile);
		--background-image-offset-x: var(--forum-background-image-offset-x-mobile);
		--background-image-offset-y: var(--forum-background-image-offset-y-mobile);
	}
	
	background:
		var(--forum-background-texture) 0 0 / auto repeat fixed,
		var(--forum-background-image) top var(--background-image-offset-y) right var(--background-image-offset-x) / var(--background-image-width) no-repeat fixed,
		var(--color-primary);
	background-blend-mode: var(--forum-background-texture-blend-mode), normal;
}