/* 
 * SaasBuilder Front-End - Core Variables
 * Defines an Apple-inspired minimalist design system.
 */

:root {
	/* Palette de Base - APPLE MINIMALIST (Light Mode) */
	--color-bg: #FFFFFF; /* Fond pur blanc */
	--color-bg-secondary: #F5F5F7; /* Gris très léger pour contraste */
	--color-text: #1D1D1F; /* Noir Apple */
	--color-text-muted: #86868B; /* Gris texte */
	--color-primary: #3B82F6; /* Couleur par défaut (écrasée par la configuration Admin) */
	--color-primary-hover: #2563EB;
	--color-secondary: #F5F5F7;
	--color-border: #E5E5EA; /* Bordure très douce */

	/* Couleurs sémantiques d'état (ARC-6) — source unique, ne pas redéfinir
	   ces valeurs en dur dans les blocs (toasts, confirmations, badges...). */
	--color-success: #10B981;
	--color-success-rgb: 16, 185, 129;
	--color-danger: #EF4444;
	--color-danger-rgb: 239, 68, 68;
	--color-warning: #F59E0B;
	--color-warning-rgb: 245, 158, 11;
	--color-info: #3B82F6;
	--color-info-rgb: 59, 130, 246;

	/* Typographie Premium */
	--font-primary: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	
	/* Whitespace (Respiration - Marges généreuses) */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2.5rem;
	--spacing-xxl: 4rem;
	
	/* Micro-interactions & Fluidité */
	--transition-smooth: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
	--border-radius-sm: 8px;
	--border-radius: 12px;
	--border-radius-lg: 16px;
	
	/* Ombres désactivées (design plat sans élévation) */
	--shadow-sm: none;
	--shadow-md: none;
	--shadow-lg: none;
	
	/* Skeleton Loading */
	--skeleton-bg: #F5F5F7;
	--skeleton-shine: #FFFFFF;
}

/* 
 * Dark Mode Natif - APPLE MINIMALIST
 * NOTE : --color-primary, --color-primary-hover et --color-secondary sont
 * injectés dynamiquement par saasbuilder_dynamic_white_label_css() (config.php)
 * dans TOUS les modes. Ne JAMAIS les redéfinir en dur ici.
 */
.saasbuilder-dark-mode {
	--color-bg: #000000; /* Fond noir pur */
	--color-bg-secondary: #1C1C1E; /* Gris foncé Apple */
	--color-text: #F5F5F7;
	--color-text-muted: #86868B;
	--color-border: #38383A;

	--skeleton-bg: #1C1C1E;
	--skeleton-shine: #2C2C2E;
}