/******************************************/
/** General                              **/
/******************************************/

:root {
	--primary: #29C1D4;
	--primary-dark: #24a3b4;
	--foundation: #0E444A;
	--body-text: #212529;
	--gray: #444444;
	--label: #6B8184;
}

*, *::before, *::after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
   min-height: 100dvh;
	color: var(--body-text) !important;
	font-family: 'Switzer', sans-serif;
}

/******************************************/
/** Utilities & Helpers                  **/
/******************************************/

/* Colors */

.text-primary {color: var(--primary) !important;}
.text-foundation {color: var(--foundation) !important;}
.text-gray {color: var(--gray) !important;}
.text-label {color: var(--label) !important;}

.bg-primary {background-color: var(--primary) !important;}

.hover\:bg-primary-dark:hover {background-color: var(--primary-dark) !important;}

/* Sizes & Dimensions */

.h-screen {
	height: 100vh;
	height: 100dvh;
}

.min-h-screen {
	min-height: 100vh;
	min-height: 100dvh;
}

.button {padding: 15px 30px;}

/* Fonts */

.fs-7 {font-size: .95rem;}
.fs-8 {font-size: .8rem;}