:root {
	--oe-colour-paper: #faf5ea;
	--oe-colour-navy: #000080;
	--oe-colour-text: #1a1a1a;
	--oe-colour-text-muted: #66645f;
	--oe-colour-rule: #d8d0c2;
	--oe-colour-white: #ffffff;
	--oe-width-reading: 760px;
	--oe-width-content: 1280px;
	--oe-width-wide: 1440px;
	--oe-page-gutter: 40px;
	--oe-space-1: 8px;
	--oe-space-2: 16px;
	--oe-space-3: 24px;
	--oe-space-4: 32px;
	--oe-space-5: 48px;
	--oe-space-6: 72px;
	--oe-space-7: 96px;
	--oe-space-8: 120px;
	--oe-section-space: var(--oe-space-7);
	--oe-section-space-major: var(--oe-space-8);
	--oe-font-editorial: Georgia, "Times New Roman", serif;
	--oe-font-interface: Inter, Arial, sans-serif;
	--oe-font-size-label: 0.8125rem;
	--oe-font-size-body: 1.0625rem;
	--oe-font-size-excerpt: 1rem;
	--oe-font-size-card-title: clamp(1.375rem, 2vw, 1.75rem);
	--oe-font-size-support-title: clamp(1.125rem, 1.55vw, 1.3125rem);
	--oe-font-size-section-title: clamp(2rem, 3.2vw, 2.625rem);
	--oe-font-size-lead-title: clamp(2.25rem, 3.25vw, 3rem);
}

@media (max-width: 1023px) {
	:root { --oe-page-gutter: 28px; --oe-section-space-major: var(--oe-space-7); }
}

@media (max-width: 767px) {
	:root { --oe-page-gutter: 20px; --oe-section-space: var(--oe-space-6); --oe-section-space-major: var(--oe-space-6); }
}