/**
 * Visiora Core — Design Tokens : conteneurs et dimensions
 *
 * Largeurs maximales officielles des contenus, interfaces
 * et composants structurels.
 *
 * @package Visiora_Core
 */

:root {

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

	--v-container-xs: 30rem;
	--v-container-sm: 40rem;
	--v-container-md: 48rem;
	--v-container-lg: 64rem;
	--v-container-xl: 75rem;
	--v-container-2xl: 80rem;
	--v-container-3xl: 90rem;
	--v-container-full: 100%;

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

	--v-container-prose: var(--v-container-md);
	--v-container-article: var(--v-container-md);
	--v-container-documentation: var(--v-container-lg);
	--v-container-standard: var(--v-container-xl);
	--v-container-wide: var(--v-container-2xl);
	--v-container-marketing: var(--v-container-3xl);
	--v-container-fluid: var(--v-container-full);

	/* ======================================================
	   3. DIMENSIONS — TOOLTIP
	   ====================================================== */

	--v-size-tooltip-max-width: 18rem;

	/* ======================================================
	   4. DIMENSIONS — AVATAR
	   ====================================================== */

	--v-size-avatar-xs: 1.5rem;
	--v-size-avatar-sm: 2rem;
	--v-size-avatar-md: 2.75rem;
	--v-size-avatar-lg: 3.5rem;
	--v-size-avatar-xl: 5rem;

	--v-size-avatar-group-overlap: 0.5rem;
	--v-size-avatar-ring-width: 2px;
	--v-size-avatar-status-offset: 2px;

	/*
	 * --v-size-avatar-group-overlap possède sa propre valeur
	 * afin d’éviter une dépendance circulaire lorsqu’Avatar Group
	 * redéfinit localement --v-size-stack-overlap.
	 */

	/* ======================================================
	   5. DIMENSIONS — STACK
	   ====================================================== */

	--v-size-stack-overlap: 0.5rem;

	/*
	 * Stack demeure une primitive générique.
	 *
	 * Les composants spécialisés peuvent redéfinir localement
	 * ce token sans modifier sa valeur globale.
	 */

	/* ======================================================
	   6. DIMENSIONS — STATUS DOT
	   ====================================================== */

	--v-size-status-dot-sm: 0.5rem;
	--v-size-status-dot-md: 0.75rem;
	--v-size-status-dot-lg: 1rem;

	/* ======================================================
	   7. DIMENSIONS — ICON
	   ====================================================== */

	--v-size-icon-xs: 0.75rem;
	--v-size-icon-sm: 1rem;
	--v-size-icon-md: 1.25rem;
	--v-size-icon-lg: 1.5rem;
	--v-size-icon-xl: 2rem;

	/* ======================================================
	   8. DIMENSIONS — BORDURES
	   ====================================================== */

	--v-size-border-thin: 1px;
	--v-size-border-medium: 2px;

	/* ======================================================
	   9. DIMENSIONS — SPINNER
	   ====================================================== */

	--v-size-spinner-xs: var(--v-size-icon-xs);
	--v-size-spinner-sm: var(--v-size-icon-sm);
	--v-size-spinner-md: var(--v-size-icon-md);
	--v-size-spinner-lg: var(--v-size-icon-lg);
	--v-size-spinner-xl: var(--v-size-icon-xl);

	/*
	 * Valeur exprimée dans le système de coordonnées du SVG,
	 * et non comme une largeur CSS en pixels.
	 */

	--v-size-spinner-stroke-width: 2;

	/* ======================================================
	   10. DIMENSIONS — EMPTY STATE
	   ====================================================== */

	--v-size-empty-state-max-width: var(--v-container-xs);

	/* ======================================================
	   11. DIMENSIONS — PROGRESS
	   ====================================================== */

	--v-size-progress-sm: 0.375rem;
	--v-size-progress-md: 0.5rem;
	--v-size-progress-lg: 0.75rem;

	/* ======================================================
	   12. TOKENS SÉMANTIQUES — PAGES VISIORA
	   ====================================================== */

	--v-container-homepage: var(--v-container-xl);
	--v-container-category: var(--v-container-xl);
	--v-container-guide: var(--v-container-xl);
	--v-container-comparison: var(--v-container-2xl);
	--v-container-directory: var(--v-container-2xl);
	--v-container-dashboard: var(--v-container-3xl);

	/* ======================================================
	   13. MESURES DE LECTURE
	   ====================================================== */

	--v-measure-prose: 70ch;
	--v-measure-prose-narrow: 58ch;
	--v-measure-heading: 22ch;
	--v-measure-lead: 60ch;
}