:root {
    /* Couleurs principales */
    --primary-color: #FF6600;      /* Orange principal */
    --primary-dark: #E55A00;       /* Orange plus foncé */
    --primary-light: #FF8533;      /* Orange plus clair */
    
    /* Couleurs secondaires */
    --secondary-color: #333333;    /* Noir secondaire */
    --secondary-dark: #1A1A1A;     /* Noir plus foncé */
    --secondary-light: #666666;    /* Gris clair */
    
    /* Couleurs neutres */
    --white: #FFFFFF;
    --light-gray: #F5F5F5;
    --gray: #CCCCCC;
    --dark-gray: #666666;
    --black: #000000;
    
    /* Couleurs d'état */
    --success: #28A745;
    --warning: #FFC107;
    --error: #DC3545;
    --info: #17A2B8;
    
    /* Couleurs de fond */
    --bg-primary: var(--white);
    --bg-secondary: var(--light-gray);
    --bg-dark: var(--secondary-color);
    
    /* Couleurs de texte */
    --text-primary: var(--secondary-color);
    --text-secondary: var(--dark-gray);
    --text-light: var(--white);
    --text-accent: var(--primary-color);
    
    /* Couleurs de liens */
    --link-color: var(--primary-color);
    --link-hover: var(--primary-dark);
    --link-active: var(--primary-dark);
    
    /* Couleurs de boutons */
    --btn-primary-bg: var(--primary-color);
    --btn-primary-text: var(--white);
    --btn-primary-hover: var(--primary-dark);
    
    --btn-secondary-bg: var(--secondary-color);
    --btn-secondary-text: var(--white);
    --btn-secondary-hover: var(--secondary-dark);
    
    /* Couleurs de navigation */
    --nav-bg: var(--white);
    --nav-text: var(--secondary-color);
    --nav-active: var(--primary-color);
    --nav-hover: var(--primary-color);
    
    /* Couleurs de cartes */
    --card-bg: var(--white);
    --card-border: var(--gray);
    --card-shadow: rgba(0, 0, 0, 0.1);
    
    /* Couleurs de formulaire */
    --input-bg: var(--white);
    --input-border: var(--gray);
    --input-focus: var(--primary-color);
    --input-error: var(--error);
    
    /* Ombres */
    --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-heavy: 0 8px 16px rgba(0, 0, 0, 0.2);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Border radius */
    --border-radius-small: 4px;
    --border-radius-medium: 8px;
    --border-radius-large: 12px;
    --border-radius-round: 50%;
    
    /* Variables supplémentaires pour compatibilité */
    --border-radius: var(--border-radius-medium);
    --shadow: var(--shadow-light);
}