:root {
	--ew-navy: #22356B;
	--ew-blue: #5086F2;
	--ew-cyan: #4EBFD9;
	--ew-mint: #7ED9C8;
	--ew-gray: #F2F2F2;
}

@font-face {
	font-family: Lato;
	src: url("brand/Lato-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Lato;
	src: url("brand/Lato-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

.ew-prospect,
.ew-prospect .mud-typography,
.ew-prospect .mud-button-root,
.ew-prospect .mud-input,
.ew-prospect .mud-input-label,
.ew-prospect .mud-select-input {
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ew-prospect {
	color: var(--ew-navy);
}

.ew-wordmark {
	display: block;
	height: 42px;
	width: auto;
}

.ew-prospect-total {
	color: var(--ew-navy);
	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}

.ew-prospect-summary {
	background: var(--ew-gray);
}
