/**
 * Design tokens not already exposed by theme.json (which supplies the
 * --wp--preset--color--*, --wp--preset--font-size--*, --wp--preset--font-family--*
 * and --wp--preset--spacing--* custom properties automatically).
 * See DESIGN_SYSTEM.md at the project root for the full rationale.
 */
:root {
	--ip-radius-sm: 2px;
	--ip-radius-md: 4px;

	--ip-shadow-soft: 0 1px 2px rgba(27, 25, 23, 0.06), 0 4px 16px rgba(27, 25, 23, 0.06);
	--ip-shadow-lift: 0 2px 4px rgba(27, 25, 23, 0.07), 0 12px 28px rgba(27, 25, 23, 0.10);

	--ip-focus-color: #C08A3E;
	--ip-focus-width: 2px;
	--ip-focus-offset: 2px;

	--ip-border-color: var(--wp--preset--color--neutral);
	--ip-border-hover: var(--wp--preset--color--bronze);

	--ip-transition-fast: 150ms ease-out;
	--ip-transition-base: 200ms ease-out;

	--ip-container-xl: 1280px;
	--ip-container-prose: 720px;
	--ip-gutter: clamp(20px, 4vw, 48px);

	--ip-header-height: 76px;

	--ip-z-header: 40;
	--ip-z-modal-scrim: 90;
	--ip-z-modal: 100;
	--ip-z-skip-link: 200;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--ip-transition-fast: 0ms;
		--ip-transition-base: 0ms;
	}
}