@import 'normalize.css' layer(normalize);

@layer normalize, base, variables;

@layer variables {
	:root {
		--window-title-bar-height: 28px;

		font-size: 0.75rem;
	}
}

@layer base {
	html {
		color-scheme: dark only;
	}

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

	body {
		background: light-dark(white, black);
		font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
		min-height: 100vh;

		font-synthesis: none;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}