/**
 * SYSTÈME VARIABLES CLEAN - OPTIMISÉ TEMPLATE BUSINESS
 * Variables actives seulement
 */

:root {
  /* ================================
     COULEURS PRIMAIRES BUSINESS
     ================================ */
  --primary-color: #ed1f24;
  --primary-dark: #d32f2f;
  --primary-darker: #b71c1c;
  --primary-light: #ff4444;
  --primary-hover: #c31418;
  
  /* ================================
     COULEURS NEUTRES MODULAIRES
     ================================ */
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --neutral-dark: #1a1a1a;
  --neutral-medium: #2c2c2c;
  --neutral-light: #666666;
  --neutral-lighter: #999999;
  --neutral-bg: #f9f9f9;
  --neutral-card: #f8f8f8;
  --neutral-subtle: #444444;
  
  /* ================================
     COULEURS FONCTIONNELLES
     ================================ */
  --border-light: #e0e0e0;
  --border-medium: #d0d0d0;
  --border-dark: #cccccc;
  --border-subtle: #eeeeee;
  --shadow-light: rgba(0,0,0,0.08);
  --shadow-medium: rgba(0,0,0,0.12);
  --shadow-dark: rgba(0,0,0,0.1);
  
  /* ================================
     DÉGRADÉS PREMIUM
     ================================ */
  --gradient-primary: linear-gradient(90deg, var(--primary-dark), var(--primary-color));
  --gradient-primary-hover: linear-gradient(90deg, var(--primary-darker), var(--primary-dark));
  --gradient-neutral: linear-gradient(135deg, #f8f8f8, #ffffff);
  --gradient-neutral-hover: linear-gradient(135deg, #ffffff, #f0f0f0);
  --gradient-card: linear-gradient(135deg, #f8f8f8, #e8e8e8);
  
  /* ================================
     ESPACEMENTS MODULAIRES
     ================================ */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  --spacing-xxxl: 4rem;
  
  /* ================================
     BORDER RADIUS COHÉRENT
     ================================ */
  --radius-sm: 0.3rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.8rem;
  --radius-xl: 1rem;
  --radius-round: 50%;
}