/**
 * Visiora Core — Design Tokens : espacements
 *
 * Échelle officielle basée principalement sur une unité de 4 px.
 *
 * @package Visiora_Core
 */

:root {

	/* ======================================================
	   1. UNITÉ DE BASE
	   ====================================================== */

	--v-space-unit: 0.25rem;

	/* ======================================================
	   2. ÉCHELLE PRINCIPALE
	   ====================================================== */

	--v-space-0: 0;
	--v-space-1: 0.25rem;
	--v-space-2: 0.5rem;
	--v-space-3: 0.75rem;
	--v-space-4: 1rem;
	--v-space-5: 1.25rem;
	--v-space-6: 1.5rem;
	--v-space-7: 1.75rem;
	--v-space-8: 2rem;
	--v-space-9: 2.25rem;
	--v-space-10: 2.5rem;
	--v-space-12: 3rem;
	--v-space-14: 3.5rem;
	--v-space-16: 4rem;
	--v-space-20: 5rem;
	--v-space-24: 6rem;
	--v-space-28: 7rem;
	--v-space-32: 8rem;

	/* ======================================================
	   3. ESPACEMENTS SÉMANTIQUES
	   ====================================================== */

	--v-space-inline-page: var(--v-space-4);
	--v-space-inline-page-mobile: var(--v-space-3);

	--v-space-section-sm: var(--v-space-12);
	--v-space-section-md: var(--v-space-16);
	--v-space-section-lg: var(--v-space-24);

	--v-space-component-xs: var(--v-space-2);
	--v-space-component-sm: var(--v-space-3);
	--v-space-component-md: var(--v-space-4);
	--v-space-component-lg: var(--v-space-6);
	--v-space-component-xl: var(--v-space-8);

	--v-space-stack-xs: var(--v-space-2);
	--v-space-stack-sm: var(--v-space-3);
	--v-space-stack-md: var(--v-space-4);
	--v-space-stack-lg: var(--v-space-6);
	--v-space-stack-xl: var(--v-space-8);
}