:root {
	--ckava-color-forest: #1c3027;
	--ckava-color-ink: #0e0f0f;
	--ckava-color-accent: #3ea66a;
	--ckava-color-warm: #f5f3ee;
	/* stylelint-disable-next-line color-hex-length -- Preserve the approved six-digit brand token. */
	--ckava-color-white: #ffffff;
	--ckava-color-border: #c9d1ca;
	--ckava-font-body: -apple-system, blinkmacsystemfont, "Segoe UI", "Noto Sans", "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
	--ckava-width-content: 760px;
	--ckava-width-wide: 1200px;
	--ckava-width-nav: 1024px;
	--ckava-nav-gutter: 22px;
	--ckava-nav-height: 44px;
	--ckava-page-gutter: clamp(1.25rem, 4.45vw, 4rem);
	--ckava-chapter-gap: 12px;
	--ckava-space-xs: 0.5rem;
	--ckava-space-sm: 0.75rem;
	--ckava-space-md: 1rem;
	--ckava-space-lg: 1.5rem;
	--ckava-space-xl: 2.5rem;
	--ckava-space-2xl: 4rem;
	--ckava-section-space: clamp(4rem, 8vw, 8rem);
	--ckava-radius-sm: 3px;
	--ckava-radius-md: 6px;
	--ckava-radius-pill: 999px;
	--ckava-type-hero: clamp(2rem, 5vw, 3.5rem);
	--ckava-type-section: clamp(1.75rem, 3.4vw, 2.5rem);
	--ckava-type-lead: clamp(1.1875rem, 2vw, 1.75rem);
	--ckava-focus-ring: 3px solid var(--ckava-color-white);
	--ckava-focus-halo: 0 0 0 6px var(--ckava-color-forest);
}