* {
	box-sizing: border-box;
}

html {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--foreground);
	background: var(--background);
}

body {
	margin: 0;
	font-size: var(--text-sm);
	line-height: var(--text-sm--line-height);
}

a {
	color: inherit;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

.button:focus-visible,
.form-field__control:focus-visible,
a:focus-visible {
	outline: 3px solid color-mix(in oklch, var(--ring) 30%, transparent);
	outline-offset: 2px;
}

.u-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}