:root {
	/*
		Base size, adjust according to waiting room screen.
		This alters font sizes and everything else with a single
		value.
	*/
	--base-size: 30px;
}

body .editor-main,
body.ck-content {
	/*
		Adjust the colors for the customer.
		This affects the template HTML files.
		Not any custom created .z.html files.
	*/
	--header-background: gray;
	--header-foreground: white;
	--footer-background: lightgray;
	--footer-foreground: black;
	--content-background: white;
	--content-foreground: black;
	--logo-max-size: 16rem;
}