/*
	Intention of this file:
		This is essentially a place for defining the body and html tag.

		Note: "style-guide-of-style-guide" is intended as layer on top of the implemented style guide.
		What is meant by this is ....
			we would not include any styles that are defined in the "style-guide-of-the-style-guide" as part of the deployable framework.
				And what we mean by that is ... any styles for the html or body that are defined in there,
				are not carried into the deployment.

			Which brings us back to the purpose of this file.
				This file is considered part of the framework of the live style guide,
				meaning this file should be included with the deployment.

*/


html, body {
	height: 100%;
	/* font-family: 'Roboto', sans-serif; */

	font-family: 'Roboto', 'Arial', sans-serif;


	color: var(--sft-transparent-black-0093);
}

body {
	margin: 0;

	background-color: #000000;

	/* TO DO: Update this later */
	/* background-color: var(--crm-primary-color-500) !important; */

	font-size: 16px;
}


/* TO DO: Revisit this later. Need to see how all this label stuff should be defined */
label {
	color: var(--sft-transparent-black-0060);
	font-size: var(--sft-size-14px);
}