html {
	color-scheme: var(--theme-mode);
	overflow-y: auto;
	scroll-behavior: smooth;
	scroll-padding-top: var(--static-header-height);

	&:not(:has(#general-default.maintenance)) {
		scrollbar-gutter: stable !important;
	}

	& body {
		--color-current-foreground: var(--color-base-foreground, var(--color-black----, #000000));
		--color-current-background: var(--color-base-background, var(--color-white----, #ffffff));

		position: relative;
		margin: 0;
		padding: 0;
		color: var(--color-current-foreground);
		background: var(--color-current-background);
		transition: var(--transition-color-foreground), var(--transition-color-background);
	}

	&:has(.menu-offcanvas.open),
	&:has(.cky-modal.cky-modal-open) {
		overflow: hidden !important;
	}

	&:has(#general-default.maintenance) {
		& #button-floating-totop {
			display: none;
		}
	}
}