:root {
	--radius: 6px;

	/* Spacing sizes */
	--XXL: 232px;
	--XL: 176px;
	--L: 96px;
	--M: 64px;
	--S: 30px;
	--XS: 12px;
	--XXS: 6px;

	/* Aspect Ratios */
	--productImageAspect: 3.25/4;

	/* Transitions */
	--transformText: 0.3s ease;

	/* Maximum width */
	--maxWidth: 1680px;
}

@media (max-width: 767px) {
	:root {
		--radius: 3px;

		/* Spacing sizes */
		--XXL: 132px;
		--XL: 96px;
		--L: 64px;
		--M: 40px;
		--S: 20px;
		--XS: 10px;
		--XXS: 4px;
	}
}