:root {
	--cc-cream: #fffdf8;
	--cc-sage: #a8b89a;
	--cc-deep-sage: #536653;
	--cc-beige: #e9ded0;
	--cc-blush: #f3e3df;
	--cc-charcoal: #30332e;
	--cc-gold: #c5a56a;
	--cc-serif: Georgia, "Times New Roman", serif;
	--cc-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--cc-content-width: 760px;
	--cc-wide-width: 1220px;
	--cc-mobile-gutter: 16px;
	--cc-desktop-gutter: 24px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background: var(--cc-cream);
	color: var(--cc-charcoal);
	font-family: var(--cc-sans);
}

.page-shell {
	width: min(100% - 48px, var(--cc-wide-width));
	margin-inline: auto;
}

@media (max-width: 760px) {
	.page-shell {
		width: min(100% - 32px, 620px);
	}
}