body {
	--color-1: #0f1c24;
	--color-2: #fff;
	--color-3: hsl(182, 25%, 40%);
	--color-4: #bdcfdb;

	background: var(--color-1);
	color: var(--color-2);
	margin: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	line-height: 1.5;
	display: flex;
	flex-direction: column;
	inline-size: 100%;
	min-block-size: 100dvh;
}

a {
	color: inherit;

	&:focus-visible {
		outline: 0.125rem solid var(--outline-color, var(--color-3));
		outline-offset: 0.1875em;
	}
}