/**
 * Shadow Design Tokens
 *
 * Elevation system using box shadows.
 * Creates depth and visual hierarchy.
 *
 * @package BeepBeep\AltText
 * @since   5.0.0
 */

:root {
	/* Shadow Elevations */
	--bbai-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--bbai-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--bbai-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--bbai-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	--bbai-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

	/* Focus Ring */
	--bbai-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.5);

	/* Inner Shadow */
	--bbai-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

	/* Component Shadows */
	--bbai-shadow-card: var(--bbai-shadow-md);
	--bbai-shadow-modal: var(--bbai-shadow-2xl);
	--bbai-shadow-dropdown: var(--bbai-shadow-lg);
	--bbai-shadow-button: var(--bbai-shadow-sm);
}