body {
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4 {
	color: var(--color-text);
	font-family: var(--font-heading);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.01em;
	margin: 0 0 0.6em;
}

h1 {
	font-size: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
}

h2 {
	font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.5rem);
}

h3 {
	font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.75rem);
}

h4 {
	font-size: 1.125rem;
}

p {
	margin: 0 0 1.2em;
}

ul,
ol {
	margin: 0 0 1em;
}

a {
	color: var(--color-link);
	text-underline-offset: 0.2em;

	&.disabled {
		pointer-events: none;
		cursor: default;
	}
}