:root {
	color-scheme: dark;

    --blur-bg: #00000080;
	--blur-saturation: saturate(180%) blur(1.25rem);
    
	--radius: 0.625rem;
    --radius-s: calc(var(--radius) / 2);
	--radius-button: 0.625rem;

    --gap-xxs: calc(var(--gap-s) / 3);
	--gap-xs: calc(var(--gap-s) / 2);
	--gap-s: calc(var(--gap-m) / 1.3);
	--gap-m: clamp(0.938rem, 0.477vw + 0.843rem, 1.25rem);
	--gap-l: calc(var(--gap-m) * 1.3);
	--gap-xl: calc(var(--gap-m) * 2);
    --gap-xxl: calc(var(--gap-m) * 4);
	
	--padding-s: calc(var(--padding-m) / 2);
	--padding-m: clamp(4rem, 7.273vw + 2.545rem, 8rem);
	--padding-l: calc(var(--padding-m) * 2);
	--side-padding-s: calc(var(--side-padding-m) / 2);
	--side-padding-m: clamp(1.25rem, 2.273vw + 0.795rem, 2.5rem);

    --img-height: clamp(16rem, 29.063vw + 10.187rem, 35rem);
    --vid-height: clamp(20rem, 22.945vw + 15.411rem, 35rem);

    --blob-size: 15.625rem;
}