// NibblePoker.lu CSS - (C) 2023 Bozet Herwin

/* HTML Elements > HTML & Body */

//@import 'images';

html, body {
	min-width: 100vw;
	min-height: 100vh;
	width: 100vw !important;
	height: 100vh !important;
	max-width: 100vw;
	max-height: 100vh;
	
	background-color: #{$color-background-body};
}

body {
	//z-index: -2;
	
	font-family: "Roboto", Arial, sans-serif;
	
	//&:before {
	//	content: ' ';
	//	display: block;
	//	position: absolute;
	//	left: 0;
	//	top: 0;
	//	width: 100%;
	//	height: 100%;
	//	z-index: -1;
	//}
	//
	//&.background-grid:before {
	//	opacity: 0.3;  // TODO: Set to .2 if in light.
	//	background-image: #{$img_grid};
	//}
	//
	//&.background-map:before {
	//	background-image: #{$img_map};
	//	filter: contrast(200%) invert(75%) opacity(0.25) brightness(0.625);
	//}
}

body {
	//background-color: var(--lm-base-body-bg-color);
	//background-image: var(--lm-base-body-bg-image);
	//color: var(--lm-base-text-color);
	//font-size: var(--base-font-size);
	//line-height: var(--base-line-height);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
	"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	//font-weight: 400;
}


// TODO: Add that background to other classes through a common declaration
// And then separate only the body in a final declaration to unset the background from fixed to default !
// It will reduce the number of CSS statements/selectors !!!