html {
	--size-xxxs: 0.25rem; /*  4 */
	--size-xxs: 0.5rem; /*  8 */
	--size-xs: 0.75rem; /* 12 */
	--size-s: 1rem; /* 16 */
	--size-m: 1.5rem; /* 24 */
	--size-l: 2rem; /* 32 */
	--size-xl: 3rem; /* 48 */
	--size-xxl: 4rem; /* 64 */
	--size-xxxl: 6rem; /* 96 */
}

@media (width < 48rem) {
	html {
		--header-min-block-size: 3.5rem;
	}
}

@media (width >= 48rem) {
	html {
		--header-min-block-size: 6.375rem;
	}
}