/* GENERATED from site/design/tokens.json — do not edit by hand. */
:root {
	/* colour */
	--kp-white: #FFFFFF;
	--kp-grey-1: #F6F6F6;
	--kp-parchment: #EFEBE6;
	--kp-grey-2: #DCDCDC;
	--kp-ink: #151515;
	--kp-muted: #5E5E5E;
	--kp-taupe: #A99D8F;
	--kp-taupe-line: #9A8F82;
	--kp-taupe-rule: #8A7A68;
	--kp-taupe-ink: #6C5F51;
	--kp-on-ink: #FFFFFF;
	--kp-danger: #8C1D14;
	--kp-base: #FFFFFF;
	--kp-contrast: #151515;

	/* type */
	--kp-font-display: Vollkorn, 'Iowan Old Style', Georgia, serif;
	--kp-font-body: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--kp-font-mono: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, monospace;
	--kp-text-2xs: 0.6875rem;
	--kp-text-xs: 0.8125rem;
	--kp-text-sm: 0.9375rem;
	--kp-text-base: 1.0625rem;
	--kp-text-md: clamp(1.0625rem, 1.02rem + 0.22vw, 1.1875rem);
	--kp-text-lg: clamp(1.25rem, 1.13rem + 0.52vw, 1.5rem);
	--kp-text-xl: clamp(1.375rem, 1.26rem + 0.5vw, 1.625rem);
	--kp-text-2xl: clamp(1.875rem, 1.55rem + 1.45vw, 2.5rem);
	--kp-text-3xl: clamp(2.25rem, 1.8rem + 2vw, 3.25rem);
	--kp-text-4xl: clamp(2.75rem, 1.95rem + 3.6vw, 4.5rem);
	--kp-text-numeral: clamp(2.5rem, 1.9rem + 2.7vw, 4rem);
	--kp-leading-tight: 1.02;
	--kp-leading-snug: 1.14;
	--kp-leading-normal: 1.45;
	--kp-leading-relaxed: 1.68;
	--kp-tracking-display: -0.018em;
	--kp-tracking-heading: -0.008em;
	--kp-tracking-normal: 0;
	--kp-tracking-label: 0.13em;
	--kp-weight-regular: 400;
	--kp-weight-medium: 500;
	--kp-weight-semibold: 600;
	--kp-weight-bold: 700;
	--kp-weight-black: 800;

	/* space + layout */
	--kp-space-20: 0.5rem;
	--kp-space-30: 1rem;
	--kp-space-40: 1.5rem;
	--kp-space-50: clamp(2rem, 3vw, 2.75rem);
	--kp-space-60: clamp(2.75rem, 5vw, 4rem);
	--kp-space-70: clamp(3.5rem, 6.5vw, 5.5rem);
	--kp-space-80: clamp(4.5rem, 8vw, 8rem);
	--kp-content: 680px;
	--kp-wide: 1240px;
	--kp-gutter: clamp(1.25rem, 5vw, 3.5rem);
	--kp-section-y-lg: clamp(4.5rem, 8vw, 8rem);
	--kp-section-y: clamp(3.5rem, 6vw, 5.5rem);
	--kp-section-y-sm: clamp(2.25rem, 4vw, 3.25rem);
	--kp-hero-y: clamp(3rem, 6vw, 5.5rem);
	--kp-bar-h: 56px;

	/* radius, shadow, target, motion */
	--kp-radius-$comment: Zero. The direction is editorial/industrial — hard edges, borders over shadows. Kept as tokens so any inherited rule collapses to sharp.;
	--kp-radius-sm: 0;
	--kp-radius-md: 0;
	--kp-radius-lg: 0;
	--kp-radius-pill: 0;
	--kp-shadow-$comment: Structure comes from rules, not elevation. Only genuinely floating surfaces get a shadow, and none of them are coloured.;
	--kp-shadow-none: none;
	--kp-shadow-raise: 0 1px 0 rgba(34, 29, 25, .07);
	--kp-shadow-float: 0 10px 30px -12px rgba(34, 29, 25, .32);
	--kp-target-primary: 44px;
	--kp-target-dense-touch: 44px;
	--kp-target-dense-pointer: 32px;
	--kp-motion-$comment: Near-none, per the direction. One shared easing and two durations. Hover draws a rule; it does not lift or glow.;
	--kp-motion-fast: 110ms;
	--kp-motion-base: 170ms;
	--kp-motion-ease: cubic-bezier(.2, 0, 0, 1);
}