@import "variables";
@import "Components/buttons";
@import "footer";
@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: $fonts-sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	position: relative;
	min-height: 100vh;
}