/* 
 * UMan Design System - Variables CSS
 * Version: 2.0
 * Description: Variables CSS isolées pour le système UMan
 * Note: Ce fichier doit être chargé AVANT uman-design-system.css
 */

:root {
  /* ========================================
     COULEURS PRINCIPALES UMAN
     ======================================== */
  
  --uman-bleu-gris-doux: #E9F0F7;
  --uman-vert-menthe-clair: #007763e5;
  --uman-turquoise-cyan-doux: #007763;
  --uman-rose-peche-pale: #F7D9D5;
  --uman-gris-anthracite-doux: #2E3A45;

  /* Couleurs dérivées */
  --uman-bleu-gris-tres-clair: #F5F8FC;
  --uman-vert-menthe-tres-clair: #E8F8F2;
  --uman-turquoise-tres-clair: #B8F0F3;
  --uman-rose-peche-tres-clair: #FCF2F0;
  --uman-gris-anthracite-clair: #4A5A6B;

  /* Compat variables (aliases sans préfixe pour compatibilité) */
  --bleu-gris-doux: var(--uman-bleu-gris-doux);
  --vert-menthe-clair: var(--uman-vert-menthe-clair);
  --turquoise-cyan-doux: var(--uman-turquoise-cyan-doux);
  --rose-peche-pale: var(--uman-rose-peche-pale);
  --gris-anthracite-doux: var(--uman-gris-anthracite-doux);
  --bleu-gris-tres-clair: var(--uman-bleu-gris-tres-clair);
  --vert-menthe-tres-clair: var(--uman-vert-menthe-tres-clair);
  --turquoise-tres-clair: var(--uman-turquoise-tres-clair);
  --rose-peche-tres-clair: var(--uman-rose-peche-tres-clair);
  --gris-anthracite-clair: var(--uman-gris-anthracite-clair);

  /* ========================================
     OMBRES UMAN
     ======================================== */
  
  --uman-clay-shadow-light: 0 6px 20px rgba(46, 58, 69, 0.25);
  --uman-clay-shadow-medium: 0 12px 40px rgba(46, 58, 69, 0.35);
  --uman-clay-shadow-heavy: 0 20px 60px rgba(46, 58, 69, 0.45);
  --uman-glass-shadow: 0 8px 32px rgba(46, 58, 69, 0.1);

  /* Compat aliases */
  --clay-shadow-light: var(--uman-clay-shadow-light);
  --clay-shadow-medium: var(--uman-clay-shadow-medium);
  --clay-shadow-heavy: var(--uman-clay-shadow-heavy);
  --glass-shadow: var(--uman-glass-shadow);

  /* ========================================
     GLASSMORPHISM UMAN
     ======================================== */
  
  --uman-glass-bg: rgba(255, 255, 255, 0.637);
  --uman-glass-bg-dark: rgba(0, 0, 0, 0.1);
  --uman-glass-blur: blur(20px);
  --uman-glass-border: rgba(255, 255, 255, 0.2);

  /* Compat aliases */
  --glass-bg: var(--uman-glass-bg);
  --glass-bg-dark: var(--uman-glass-bg-dark);
  --glass-blur: var(--uman-glass-blur);
  --glass-border: var(--uman-glass-border);

  /* ========================================
     GRADIENTS UMAN
     ======================================== */
  
  --uman-primary-gradient: linear-gradient(135deg, #067db4 0%, #098b9c 100%);
  --uman-secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --uman-accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  --uman-success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  --uman-warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);

  /* Compat aliases */
  --primary-gradient: var(--uman-primary-gradient);
  --secondary-gradient: var(--uman-secondary-gradient);
  --accent-gradient: var(--uman-accent-gradient);
  --success-gradient: var(--uman-success-gradient);
  --warning-gradient: var(--uman-warning-gradient);

  /* ========================================
     TYPOGRAPHIE UMAN
     ======================================== */
  
  --uman-text-primary: #2d3748;
  --uman-text-secondary: #4a5568;
  --uman-text-tertiary: #718096;
  --uman-text-light: #a0aec0;

  /* Compat aliases */
  --text-primary: var(--uman-text-primary);
  --text-secondary: var(--uman-text-secondary);
  --text-tertiary: var(--uman-text-tertiary);
  --text-light: var(--uman-text-light);

  /* ========================================
     BORDER RADIUS UMAN (PAS de conflit - valeurs spécifiques UMan)
     ======================================== */
  
  --uman-radius-sm: 8px;
  --uman-radius-md: 12px;
  --uman-radius-lg: 16px;
  --uman-radius-xl: 20px;
  --uman-radius-full: 50px;

  /* Compat aliases */
  --radius-sm: var(--uman-radius-sm);
  --radius-md: var(--uman-radius-md);
  --radius-lg: var(--uman-radius-lg);
  --radius-xl: var(--uman-radius-xl);
  --radius-full: var(--uman-radius-full);

  /* Note: --border-radius-* sont utilisées dans les styles avancés */
  --uman-border-radius-sm: 8px;
  --uman-border-radius-md: 12px;
  --uman-border-radius-lg: 16px;
  --uman-border-radius-xl: 24px;

  /* Compat aliases */
  --border-radius-sm: var(--uman-border-radius-sm);
  --border-radius-md: var(--uman-border-radius-md);
  --border-radius-lg: var(--uman-border-radius-lg);
  --border-radius-xl: var(--uman-border-radius-xl);

  /* ========================================
     ESPACEMENT UMAN (Valeurs spécifiques UMan plus généreuses)
     ======================================== */
  
  /* Note: Ces valeurs sont DIFFÉRENTES de main.css intentionnellement */
  /* UMan utilise des espacements plus généreux pour un design aéré */
  
  --uman-spacing-xs: 0.5rem;    /* vs main.css: 0.25rem */
  --uman-spacing-sm: 1rem;      /* vs main.css: 0.5rem */
  --uman-spacing-md: 1.5rem;    /* vs main.css: 1rem */
  --uman-spacing-lg: 2rem;      /* vs main.css: 1.5rem */
  --uman-spacing-xl: 3rem;      /* vs main.css: 2rem */

  /* PAS d'aliases pour l'espacement - utiliser --uman-spacing-* dans les composants UMan */

  /* ========================================
     TYPOGRAPHIE UMAN (Tailles de police)
     ======================================== */
  
  --uman-font-size-sm: 14px;
  --uman-font-size-base: 16px;
  --uman-font-size-lg: 18px;
  --uman-font-size-xl: 24px;
  --uman-font-size-2xl: 32px;
  --uman-font-size-3xl: 48px;

  /* Compat aliases */
  --font-size-sm: var(--uman-font-size-sm);
  --font-size-base: var(--uman-font-size-base);
  --font-size-lg: var(--uman-font-size-lg);
  --font-size-xl: var(--uman-font-size-xl);
  --font-size-2xl: var(--uman-font-size-2xl);
  --font-size-3xl: var(--uman-font-size-3xl);

  /* ========================================
     TRANSITIONS UMAN
     ======================================== */
  
  --uman-transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --uman-transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --uman-transition-bounce: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);

  /* Compat aliases */
  --transition-fast: var(--uman-transition-fast);
  --transition-smooth: var(--uman-transition-smooth);
  --transition-bounce: var(--uman-transition-bounce);

  /* ========================================
     COULEURS SPÉCIFIQUES POUR COMPATIBILITÉ
     ======================================== */
  
  --primary-color: var(--uman-turquoise-cyan-doux);
  --success-color: var(--uman-vert-menthe-clair);
  --error-color: #ef4444;
  --warning-color: #ffa726;
  --info-color: var(--uman-turquoise-cyan-doux);
  --uman-royal: #ffffff;
  --bleu-royal: #667eea;
}

/* ========================================
   VARIABLES SPÉCIFIQUES AUX PAGES UMAN
   ======================================== */

/* Ces variables sont utilisées UNIQUEMENT dans les composants .uman-* */
/* Elles NE DOIVENT PAS affecter les autres composants du site */

/* Note: Les composants UMan utilisent les variables --uman-* pour l'isolation */