:root {
	/* title */
	--h1-color: var(--color-vermilion);
	--h2-color: var(--color-midnight);
}

@media (prefers-color-scheme: dark) {
	:root {
		--h1-color: var(--color-daisy);
		--h2-color: var(--color-almond);
	}
}

h1 {
	font-family: var(--font-family-special);
	font-size: 3rem;
	line-height: 0.8;
	letter-spacing: -1px;
	color: var(--h1-color);
	font-weight: normal;
}

h2 {
	font-size: 1.5rem;
	color: var(--h2-color);
	padding-bottom: calc(var(--space-base) * 2);
	font-weight: 600;
}

p span {
	font-family: var(--font-family-special);
	font-size: 1.25rem;
	color: var(--span-color);
}