/* ==========================================================================
   Typography defaults.
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sans);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-text);
}

h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); }
h3 { font-size: clamp(1.3rem, 2.4vw, 1.75rem); }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
	margin-bottom: 1em;
}

p:last-child {
	margin-bottom: 0;
}

a:hover,
a:focus-visible {
	color: var(--color-accent);
}

em, i {
	font-style: italic;
}

small {
	font-size: 0.875em;
}