/**
 * Visiora Core — Design Tokens : ombres
 *
 * Échelle officielle des ombres et tokens sémantiques
 * destinés aux différents niveaux d’élévation.
 *
 * @package Visiora_Core
 */

:root {

	/* ======================================================
	   1. ÉCHELLE PRIMITIVE
	   ====================================================== */

	--v-shadow-none: none;

	--v-shadow-xs:
		0 1px 2px rgb(15 23 42 / 5%);

	--v-shadow-sm:
		0 1px 3px rgb(15 23 42 / 8%),
		0 1px 2px rgb(15 23 42 / 5%);

	--v-shadow-md:
		0 4px 8px -2px rgb(15 23 42 / 8%),
		0 2px 4px -2px rgb(15 23 42 / 5%);

	--v-shadow-lg:
		0 12px 20px -6px rgb(15 23 42 / 12%),
		0 4px 8px -4px rgb(15 23 42 / 6%);

	--v-shadow-xl:
		0 20px 32px -8px rgb(15 23 42 / 14%),
		0 8px 16px -8px rgb(15 23 42 / 8%);

	--v-shadow-2xl:
		0 28px 48px -12px rgb(15 23 42 / 20%),
		0 12px 24px -12px rgb(15 23 42 / 10%);

	--v-shadow-inner:
		inset 0 1px 2px rgb(15 23 42 / 8%);

	/* ======================================================
	   2. TOKENS SÉMANTIQUES
	   ====================================================== */

	--v-shadow-card: var(--v-shadow-sm);
	--v-shadow-card-hover: var(--v-shadow-lg);
	--v-shadow-dropdown: var(--v-shadow-lg);
	--v-shadow-sticky: var(--v-shadow-sm);
	--v-shadow-popover: var(--v-shadow-xl);
	--v-shadow-modal: var(--v-shadow-2xl);
	--v-shadow-tooltip: var(--v-shadow-md);
	--v-shadow-input-inner: var(--v-shadow-inner);
	--v-shadow-avatar: var(--v-shadow-sm);

	/* ======================================================
	   3. ANNEAUX D’INTERACTION
	   ====================================================== */

	--v-shadow-focus:
		0 0 0 4px var(--v-color-focus-ring);

	--v-shadow-focus-danger:
		0 0 0 4px rgb(217 45 32 / 18%);

	--v-shadow-focus-success:
		0 0 0 4px rgb(3 152 85 / 18%);
}