@import url("colorConfig.css?v=3");

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

:root {
	--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

html {
	font-family: var(--font-family-sans);
	color: var(--neutral-2);
	background: var(--neutral-1);
}

body {
	min-height: 100vh;
	position: relative;
}

h1, h2, h3, h4, h5, h6,
a, p {
	overflow-wrap: break-word;
	hyphens: auto;
}

a {
	color: currentColor;
	text-decoration: underline;
	font-family: var(--font-family-mono);
}

@media (hover: hover) and (pointer: fine) {
	a:hover {
		color: color-mix(in oklab, currentColor 50%, var(--invisible));
	}
}