html {
	scroll-behavior: smooth;
	overflow-x: clip;
}

html.marqueblanche-menu-open,
html.marqueblanche-menu-open body {
	overflow: hidden;
}

html.marqueblanche-menu-open .marqueblanche-header {
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body {
	margin: 0;
	background:
		radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--marqueblanche-theme-warm) 16%, transparent), transparent 24rem),
		radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--marqueblanche-theme-cool) 24%, transparent), transparent 28rem),
		linear-gradient(180deg, color-mix(in srgb, var(--marqueblanche-theme-surface) 96%, transparent), var(--marqueblanche-theme-bg) 42rem),
		var(--marqueblanche-theme-bg);
	color: var(--marqueblanche-theme-text);
	font-size: var(--marqueblanche-type-body);
	overflow-x: clip;
}

a {
	text-underline-offset: 0.18em;
}