/* Palette de couleurs basée sur le logo Horizon Plus */
:root {
    /* Couleurs principales du logo */
    --logo-blue: #1e3a8a;          /* Bleu foncé principal */
    --logo-blue-light: #3b82f6;    /* Bleu plus clair */
    --logo-orange: #f59e0b;        /* Orange/doré principal */
    --logo-orange-light: #fbbf24;  /* Orange plus clair */
    
    /* Variations pour les gradients */
    --logo-gradient-primary: linear-gradient(135deg, #1e3a8a, #3b82f6);
    --logo-gradient-secondary: linear-gradient(135deg, #f59e0b, #fbbf24);
    --logo-gradient-mixed: linear-gradient(135deg, #1e3a8a, #f59e0b);
    
    /* Couleurs de support */
    --logo-navy: #1e293b;          /* Navy très foncé */
    --logo-gold: #d97706;          /* Or plus foncé */
    
    /* Couleurs système (gardées) */
    --primary-light: #f8f9fa;
    --primary-white: #ffffff;
    --text-dark: #2c3e50;
    --text-muted: #6c757d;
    --border-light: #e9ecef;
    
    /* Couleurs d'état */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;
}

/* Classes utilitaires pour les couleurs du logo */
.text-logo-blue { color: var(--logo-blue) !important; }
.text-logo-orange { color: var(--logo-orange) !important; }
.bg-logo-blue { background-color: var(--logo-blue) !important; }
.bg-logo-orange { background-color: var(--logo-orange) !important; }

.btn-logo-blue {
    background: var(--logo-gradient-primary);
    border: none;
    color: white;
}

.btn-logo-orange {
    background: var(--logo-gradient-secondary);
    border: none;
    color: white;
}

.btn-logo-mixed {
    background: var(--logo-gradient-mixed);
    border: none;
    color: white;
}

/* Cartes avec couleurs du logo */
.card-logo-blue {
    border-left: 4px solid var(--logo-blue);
}

.card-logo-orange {
    border-left: 4px solid var(--logo-orange);
}

/* Gradients pour les statistiques */
.stat-gradient-blue {
    background: var(--logo-gradient-primary);
}

.stat-gradient-orange {
    background: var(--logo-gradient-secondary);
}

.stat-gradient-mixed {
    background: var(--logo-gradient-mixed);
}

/* Hover effects avec couleurs du logo */
.hover-logo-blue:hover {
    background: var(--logo-blue) !important;
    color: white !important;
}

.hover-logo-orange:hover {
    background: var(--logo-orange) !important;
    color: white !important;
}