@import "variables";
@import "header";
@import "main";
@import "mixins";
@import "typography";
:root {
	@include color-theme(dark);
	&[data-theme="auto"] {
		@include color-theme(light);
		@media (prefers-color-scheme: dark) {
			@include color-theme(dark);
		}
	}
	&[data-theme="light"] {
		@include color-theme(light);
	}
}
html {
	font-size: 100%;
	@media only screen and (max-width: 37.5em) {
		font-size: 2.8vw;
	}
}
body {
	background-color: var(--color-background);
	color: var(--color-text);
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	position: relative;
}