@layer reset {
	/* Modern reset: https://piccalil.li/blog/a-more-modern-css-reset/ */

	/* Box sizing rules */

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	/* Prevent font size inflation */

	html {
		-moz-text-size-adjust: none;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
	}

	body {
		min-height: 100vh;
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-variant-numeric: normal;
		font-variant-east-asian: normal;
		font-variant-alternates: normal;
		font-size-adjust: none;
		-webkit-font-kerning: auto;
		font-kerning: auto;
		font-optical-sizing: auto;
		font-feature-settings: normal;
		font-variation-settings: normal;
		font-variant-position: normal;
		font-weight: var(--font-regular);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		background: var(--color-dark);
		color: var(--color-light);
		font-size: var(--step-0);
		font-family: var(--font-base);
		line-height: var(--leading-standard);
		letter-spacing: var(--letterspacing-base);
		margin: 0;
	}

	/* Remove default margin in favour of better control in authored CSS */

	body,
	h1,
	h2,
	h3,
	h4,
	p,
	figure,
	blockquote,
	dl,
	dd,
	ul {
		margin-block: 0;
	}

	/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

	ul[role='list'],
	ol[role='list'] {
		list-style: none;
	}

	/* Set core body defaults */
}