/* ===== VARIABLES CSS ===== */
/* Définition des couleurs et variables globales */

:root {
    /* Couleurs principales PandaGPT */
    --panda-black: #2c3e50;
    --panda-white: #f8f9fa;
    --panda-green: #27ae60;
    --panda-light-green: #2ecc71;
    --panda-bamboo: #7cb342;
    --panda-accent: #e74c3c;
    
    /* Dégradés colorés */
    --gradient-primary: linear-gradient(135deg, #2c3e50 0%, #4a6fa5 100%);
    --gradient-secondary: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    --gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);
    --gradient-silver: linear-gradient(135deg, #c0c0c0 0%, #e8e8e8 100%);
    --gradient-bronze: linear-gradient(135deg, #cd7f32 0%, #e39d5c 100%);
    --gradient-purple: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    --gradient-blue: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
    --gradient-orange: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
    --gradient-pink: linear-gradient(135deg, #e84393 0%, #fd79a8 100%);
    --gradient-teal: linear-gradient(135deg, #00cec9 0%, #00b894 100%);
    
    /* Typographie */
    --font-primary: 'Poppins', sans-serif;
    --font-secondary: 'Quicksand', sans-serif;
    
    /* Espacements */
    --section-padding: 100px 0;
    --container-padding: 15px;
    
    /* Ombres */
    --shadow-light: 0 5px 15px rgba(0,0,0,0.08);
    --shadow-medium: 0 10px 30px rgba(0,0,0,0.15);
    --shadow-heavy: 0 20px 40px rgba(0,0,0,0.2);
}