:root {
	--ph-radius-sm: 0.875rem;
	--ph-radius-md: 1.125rem;
	--ph-radius-lg: 1.5rem;
	--ph-radius-pill: 999px;
	--ph-shadow-soft: 0 16px 40px rgba(31, 36, 34, 0.08);
	--ph-shadow-elevated: 0 24px 72px rgba(31, 36, 34, 0.12);
	--ph-shadow-hero: 0 40px 96px rgba(16, 19, 18, 0.18);
	--ph-shadow-focus: 0 0 0 4px rgba(244, 118, 29, 0.16);
	--ph-section-space: clamp(4rem, 6vw, 6rem);
	--ph-surface-border: 1px solid color-mix(in srgb, var(--wp--preset--color--sand) 75%, white 25%);
	--ph-card-padding: clamp(1.1rem, 1vw + 0.9rem, 1.5rem);
	--ph-transition: 180ms ease;
}