@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--heading-text: 'Inter', serif;
	--body-text: 'Inter', serif;
}

:root {
	--fs-sm: 1.6rem; /* 16 */
	--fs-md: 1.6rem; /* 16 */
	--fs-lg: 1.8rem; /* 18 */

	--fs-h4: 2.4rem; /* 24 */
	--fs-h3: 2.8rem; /* 28 */
	--fs-h2: 3.4rem; /* 34 */
	--fs-h1: 4.4rem; /* 44 */
}
@media (min-width: 768px) {
	:root {
		--fs-sm: 1.6rem;
		--fs-md: 1.7rem;
		--fs-lg: 2.0rem;

		--fs-h4: 2.8rem;
		--fs-h3: 3.4rem;
		--fs-h2: 4.4rem;
		--fs-h1: 5.8rem;
	}
}
@media (min-width: 1200px) {
	:root {
		--fs-sm: 1.6rem;
		--fs-md: 1.8rem;
		--fs-lg: 2.2rem;

		--fs-h4: 3.0rem;
		--fs-h3: 3.8rem;
		--fs-h2: 5.0rem;
		--fs-h1: 7.0rem;
	}
}
@media (min-width: 1440px) {
	:root {
		--fs-sm: 1.6rem;
		--fs-md: 1.8rem;
		--fs-lg: 2.4rem;

		--fs-h4: 3.2rem;
		--fs-h3: 4.0rem;
		--fs-h2: 5.6rem;
		--fs-h1: 8.0rem;
	}
}
body {
	font-family: var(--body-text);
	font-size: var(--fs-md);
	color: var(--c-neutral-900);

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Heading and Text Reset */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: var(--heading-text);
	font-weight: 400 !important;
	line-height: 1.6;
}

p {
	margin: 0;
	padding: 0;
	font-family: var(--body-text);
	color: var(--c-neutral-700);
}

/* Links */
a {
	color: var(--c-neutral-900);
	text-decoration: none;
	transition: all ease 0.2s;
}

a:hover {
	color: var(--c-neutral-700);
}

a:hover,
a:focus {
	text-decoration: none;
	border: none;
	outline: none;
}

/* Font Sizes */
.fs-h1,
.fs-h2,
.fs-h3,
.fs-h4 {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

.fs-sm {
	font-size: var(--fs-sm);
}

.fs-md {
	font-size: var(--fs-md);
}

.fs-lg {
	font-size: var(--fs-lg);
}

.fs-h4 {
	font-size: var(--fs-h4);
}

.fs-h3 {
	font-size: var(--fs-h3);
}

.fs-h2 {
	font-size: var(--fs-h2);
}

.fs-h1 {
	font-size: var(--fs-h1);
}

/* Line Height */
.fs-h1,
.fs-h2,
.fs-h3 {
	line-height: 100%;
}

.fs-h4,
.fs-h5,
.fs-h6 {
	line-height: 120%;
}

.fs-lg,
.fs-md,
.fs-sm {
	line-height: 140%;
}

.form-label,
.form-field,
.form-validation,
.form-note {
	line-height: 130%;
}

/* Font Weight */
.fw-100 {
	font-weight: 100 !important;
}

.fw-200 {
	font-weight: 200 !important;
}

.fw-300 {
	font-weight: 300 !important;
}

.fw-400 {
	font-weight: 400 !important;
}

.fw-500 {
	font-weight: 500 !important;
}

.fw-600 {
	font-weight: 600 !important;
}

.fw-700 {
	font-weight: 700 !important;
}

.fw-800 {
	font-weight: 800 !important;
}

.fw-900 {
	font-weight: 900 !important;
}

/* Text Transform */
.fs-lowercase {
	text-transform: lowercase !important;
}

.fs-uppercase {
	text-transform: uppercase !important;
}

.fs-titlecase {
	text-transform: capitalize !important;
}

/* Text Align */
.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-underline {
	border-bottom: 2px solid !important;
}

/* Unordered List */
ul.list-unstyled,
ol.list-unstyled {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.list-unstyled li,
ol.list-unstyled li {
	margin: 0;
	padding: 0;
	display: block;
}

/* Inline Unordered List */
ul.list-inline {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.list-inline li {
	margin: 0;
	padding: 0;
	display: inline-block;
}