_base.scss

body {
	margin: 0;
	@include var(background-color, "neutral");
	@include var(color, "tertiary-2");
	overflow-x: hidden;

	word-wrap: break-word;
	word-break: break-word;

	transition: background-color .25s;

	main {
		padding-top: 1.5rem;
		padding-bottom: 3rem;
	}
}

@for $n from 1 to 6 {
	h#{$n}, h#{$n} > a {
		@include var("color", "secondary-2");

		font-family: $font-heading;
		font-size: sp(14 + (4 * (5 - $n)));
		margin: 0.5rem 0;
	}
}

img {
	max-width: 100%;
	max-height: 80vh;
}

p {
	@include var("color", "tertiary-2");
}

html, body {
	height: auto;
	min-height: 100vh;
}

::selection {
	@include var(background-color, "highlight");
	@include var(color, "on-highlight");
}