:root {
	--site-content-max: 1300px;
	--site-gutter: 20px;
	--site-container-max: calc(var(--site-content-max) + var(--site-gutter) * 2);
	--pn-milk-gray: #F5F7F7;
	--pn-light-ice: #E4ECEF;
	--pn-gray-blue: #7E9DA7;
	--pn-steel-blue: #497584;
	--pn-river-blue: #122F3D;
	--pn-warm-sand: #D5A66D;
}

/* Shared edges for the header, navigation, content and footer. */
.container,
.container-xl {
	max-width: var(--site-container-max);
}

.pn .pn-shell {
	width: calc(100% - var(--site-gutter) * 2);
	max-width: var(--site-content-max);
	margin-inline: auto;
}