/* Typography Utilities */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1rem;
}

p {
	line-height: 1.6;
	margin-bottom: 0.6rem;
}

a {
	background-color: transparent;
	color: var(--accent);
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: color 0.25s ease,
		text-decoration-color 0.25s ease;
}

a:hover {
	color: color-mix(in hsl, var(--accent) 90%, black 10%);
	text-decoration-color: currentColor;
}

.heading {
	font-family: var(--font-head);
	font-weight: normal;
}

.thin-heading {
	font-weight: 100;
	letter-spacing: 0.5px;
}

.section-heading {
	font-size: 2.5rem;
}

.font-sm {
	font-size: .9rem;
}

.font-lg {
	font-size: 1.5rem;
}

.font-xl {
	font-size: 2rem;
}

.font-display {
	font-size: 3rem;
}

ul {
	list-style-type: disc;
	margin-left: 1.5rem;
	padding-left: 0.75rem;
	font-family: 'Mulish', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--text, #dcdcdc);
}

li ul {
	list-style-type: circle;
	margin-top: 0.5rem;
	margin-left: 1.25rem;
}

li ul li {
	margin-bottom: 0.25rem;
}

li::marker {
	color: var(--accent, #5f82ff);
	font-weight: bold;
}

ul.list-paragraph {
	list-style: none;
}

ul li ul {
	margin-left: 1rem;
}