:root {
	/* Colour */
	--ckj-paper: #ffffff;
	--ckj-ink: #171a16;
	--ckj-ink-soft: #555b54;
	--ckj-leaf: #3f654e;
	--ckj-leaf-deep: #294737;
	--ckj-leaf-pale: #dce7dd;
	--ckj-mist: #e3ece4;
	--ckj-stone: #d6d3ca;
	--ckj-line: #dfe1da;

	/* Typography */
	--ckj-font-serif: Georgia, "Times New Roman", serif;
	--ckj-font-sans: "Avenir Next", "Trebuchet MS", Trebuchet, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--et_global_heading_font: var(--ckj-font-sans) !important;
	--et_global_body_font: var(--ckj-font-sans) !important;
	--et_global_body_font_size: 16px !important;
	--et_global_body_font_height: 1.7 !important;

	/* Layout */
	--ckj-content: 1180px;
	--ckj-gutter: clamp(22px, 4vw, 64px);
	--ckj-section: 84px;
	--ckj-header-height: 70px;

	/* Shape and motion */
	--ckj-radius-small: 2px;
	--ckj-radius-arch: 260px 2px 2px 2px;
	--ckj-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ckj-transition-fast: 180ms ease;
	--ckj-transition-base: 220ms ease;
	--ckj-shadow-header: 0 12px 32px rgba(26, 34, 26, 0.05);
}

@media (min-width: 48rem) {
	:root {
		--ckj-section: clamp(82px, 10vw, 142px);
		--ckj-header-height: 82px;
	}
}