html {
	color-scheme: var(--mud-native-html-color-scheme, normal);
	overflow-x: hidden;
	scroll-behavior: auto;
}

html.smooth-fragment-navigation {
	scroll-behavior: smooth;
}

html,
body {
	margin: 0;
	min-height: 100%;
	color: var(--mud-palette-text-primary, #2c1d20);
	background-color: var(--mud-palette-background, #fcf7f4);
	font-family: Inter, "Segoe UI", Arial, sans-serif;
}

a {
	color: inherit;
}

button,
input,
textarea,
select {
	font: inherit;
}

@media (prefers-reduced-motion: reduce) {
	html,
	html.smooth-fragment-navigation {
		scroll-behavior: auto;
	}
}




.root {
	--palette-1: #6e6e6e;
	--palette-2: #949494;
	--palette-3: #b8b8b8;
	--palette-4: #d0d0d0;
	--palette-5: #e6e6e6;
}

.palette-1 {
	fill: var(--palette-1);
}

.palette-2 {
	fill: var(--palette-2);
}

.palette-3 {
	fill: var(--palette-3);
}

.palette-4 {
	fill: var(--palette-4);
}

.palette-5 {
	fill: var(--palette-5);
}