:root {
	--primary-dark: #065056;
	--primary-mid: #8eae99;
	--primary-light: #e2eae5;
	--primary-lightest: #ffffff;

	--font-family-base: "Manrope", serif;
	--font-family-heading: "Manrope", serif;

	--font-weight-light: 400;
	--font-weight-heavy: 700;

	--font-size-base: 16px;
	--font-size-large: 23px;
	--font-size-heading: 3.5rem;

	--font-size-h1: 40px;
	--font-size-h2: 40px;
	--font-size-h3: 30px;
	--font-size-h4: 28px;
	--font-size-h5: 26px;
	--font-size-h6: 20px;

	--font-weight-h1: 700;
	--font-weight-h2: 700;
	--font-weight-h3: 700;
	--font-weight-h4: 700;
	--font-weight-h5: 700;
	--font-weight-h6: 700;

	--border-radius: 10px;

	--letter-spacing-h1: ;
	--letter-spacing-h2: 0.04em;
	--letter-spacing-h3: 0.03em;
	--letter-spacing-h4: 0.02em;
	--letter-spacing-h5: 0.01em;
	--letter-spacing-h6: 0.01em;
}

body {
	font-family: var(--font-family-base);
	font-optical-sizing: auto;
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-base);
	font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-heading);
	font-optical-sizing: auto;
	font-weight: var(--font-weight-heavy);
	text-transform: uppercase;
}
h1 {
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-h1);
	letter-spacing: var(--letter-spacing-h1);
}
h2 {
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-h2);
	letter-spacing: var(--letter-spacing-h2);
}
h3 {
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-h3);
	letter-spacing: var(--letter-spacing-h3);
}
h4 {
	font-size: var(--font-size-h4);
	font-weight: var(--font-weight-h4);
	letter-spacing: var(--letter-spacing-h4);
}
h5 {
	font-size: var(--font-size-h5);
	font-weight: var(--font-weight-h5);
	letter-spacing: var(--letter-spacing-h5);
}
h6 {
	font-size: var(--font-size-h6);
	font-weight: var(--font-weight-h6);
	letter-spacing: var(--letter-spacing-h6);
}

@media (max-width: 768px) {
	:root {
		--font-size-h1: 30px;
		--font-size-h2: 30px;
		--font-size-h3: 25px;
		--font-size-h4: 20px;
		--font-size-h5: 18px;
		--font-size-h6: 17px;
	}
}