:root {
	--vkr-cream: #f5f0e8;
	--vkr-cream-deep: #dce5d4;
	--vkr-card: #ffffff;
	--vkr-border: #dcdcd2;

	--vkr-sage-soft: #a8c0a0;
	--vkr-sage: #7d9b76;
	--vkr-sage-deep: #4c6b47;
	--vkr-ink: #2d3a2a;

	--vkr-accent-warm: #d97a3c;
	--vkr-accent-warm-deep: #9e5320;
	--vkr-accent-warm-soft: #f0d2b4;

	--vkr-mist: #e9ede2;
	--vkr-mist-border: #cfd9c7;
	--vkr-on-dark: #e4eadf;
	--vkr-on-dark-soft: #c7d7c1;
	--vkr-sage-tint: #e4eadd;
	--vkr-accent-warm-ink: #6e3a11;

	--vkr-fg: var(--vkr-ink);
	--vkr-muted: #54634f;

	--vkr-danger: #8c3a2e;
	--vkr-success: #2f6b4f;

	--vkr-font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
	--vkr-font-sans: "Figtree", ui-sans-serif, system-ui, sans-serif;

	--vkr-space-1: 4px;
	--vkr-space-2: 8px;
	--vkr-space-3: 12px;
	--vkr-space-4: 16px;
	--vkr-space-5: 20px;
	--vkr-space-6: 24px;
	--vkr-space-8: 32px;
	--vkr-space-10: 40px;
	--vkr-space-14: 56px;
	--vkr-space-20: 80px;
	--vkr-space-22: 88px;
	--vkr-space-28: 112px;

	--vkr-radius-badge: 8px;
	--vkr-radius-field: 14px;
	--vkr-radius: 18px;
	--vkr-radius-card: 26px;
	--vkr-radius-pill: 999px;

	--vkr-sh-1: 0 2px 8px -4px rgba(45, 58, 42, 0.18);
	--vkr-sh-2: 0 18px 40px -22px rgba(45, 58, 42, 0.28);
	--vkr-sh-3: 0 4px 20px -12px rgba(45, 58, 42, 0.25);
	--vkr-sh-4: 0 24px 60px -28px rgba(45, 58, 42, 0.35);

	--vkr-container: 1280px;
	--vkr-container-pad: 20px;
	--vkr-prose: 720px;
}

@media (min-width: 768px) {
	:root {
		--vkr-container-pad: 32px;
	}
}