/**
 * ZARE Theme shared overlay presentation vocabulary.
 *
 * Runtime ownership stays with the consuming capability (Core Navigation or
 * Companion Overlay). This file only exposes semantic visual primitives.
 */
:root,
body {
	--zare-overlay-presentation-backdrop-light: color-mix(in srgb, #000 32%, transparent);
	--zare-overlay-presentation-backdrop-default: color-mix(in srgb, #000 48%, transparent);
	--zare-overlay-presentation-backdrop-strong: color-mix(in srgb, #000 64%, transparent);
	--zare-overlay-presentation-backdrop-blur-none: 0px;
	--zare-overlay-presentation-backdrop-blur-subtle: 2px;
	--zare-overlay-presentation-backdrop-blur-medium: 5px;
	--zare-overlay-presentation-inset: clamp(0.75rem, 0.5rem + 0.8vw, 1.25rem);
	--zare-overlay-presentation-radius: var(--wp--custom--zare-experience--radius--xl, 1rem);
	--zare-overlay-presentation-shadow: var(--wp--preset--shadow--lg, 0 18px 48px rgba(24, 24, 27, 0.16));
	--zare-overlay-presentation-motion: var(--wp--custom--zare-experience--motion--default, 180ms);
	--zare-overlay-presentation-easing: var(--wp--custom--zare-experience--motion--easing, cubic-bezier(0.2, 0, 0, 1));
}