/* ===============================================
   Custom Color Scheme - Variables CSS
   Charte graphique du projet
   =============================================== */

:root {
    /* Couleurs principales de la charte */
    --primary-color: #1800AD;
    --primary-hover: #1E4DB7;
    --primary-active: #1d4ed8;
    --background-light: #F8FAFC;
    --neutral-grey: #64748B;
    --success-green: #22C55E;
    --success-hover: #16a34a;
    --alert-red: #EF4444;
    --alert-hover: #dc2626;
    
    /* Dégradés */
    --primary-gradient: linear-gradient(135deg, #1800AD 0%, #1E4DB7 100%);
    --primary-gradient-hover: linear-gradient(135deg, #1E4DB7 0%, #1d4ed8 100%);
    
    /* Variantes de bleu principal */
    --primary-light: rgba(37, 99, 235, 0.1);
    --primary-soft: rgba(37, 99, 235, 0.08);
    
    /* Variantes de vert succès */
    --success-light: rgba(34, 197, 94, 0.1);
    --success-soft: rgba(34, 197, 94, 0.08);
    
    /* Variantes de rouge alerte */
    --alert-light: rgba(239, 68, 68, 0.1);
    --alert-soft: rgba(239, 68, 68, 0.08);
}

/* ===============================================
   Surcharges Bootstrap - Boutons
   =============================================== */

.btn-primary {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-primary:active {
    background: var(--primary-active) !important;
    border-color: var(--primary-active) !important;
}

.btn-success {
    background-color: var(--success-green) !important;
    border-color: var(--success-green) !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--success-hover) !important;
    border-color: var(--success-hover) !important;
}

.btn-danger {
    background-color: var(--alert-red) !important;
    border-color: var(--alert-red) !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: var(--alert-hover) !important;
    border-color: var(--alert-hover) !important;
}

/* Boutons soft (fond transparent avec couleur de texte) */
.btn-soft-primary {
    background-color: var(--primary-soft) !important;
    color: var(--primary-color) !important;
}

.btn-soft-primary:hover {
    background-color: var(--primary-light) !important;
    color: var(--primary-hover) !important;
}

.btn-soft-success {
    background-color: var(--success-soft) !important;
    color: var(--success-green) !important;
}

.btn-soft-success:hover {
    background-color: var(--success-light) !important;
    color: var(--success-hover) !important;
}

.btn-soft-danger {
    background-color: var(--alert-soft) !important;
    color: var(--alert-red) !important;
}

.btn-soft-danger:hover {
    background-color: var(--alert-light) !important;
    color: var(--alert-hover) !important;
}

/* ===============================================
   Surcharges Bootstrap - Backgrounds
   =============================================== */

.bg-primary {
    background-color: var(--primary-color) !important;
}

.bg-success {
    background-color: var(--success-green) !important;
}

.bg-danger {
    background-color: var(--alert-red) !important;
}

.bg-soft-primary {
    background-color: var(--primary-soft) !important;
}

.bg-soft-success {
    background-color: var(--success-soft) !important;
}

.bg-soft-danger {
    background-color: var(--alert-soft) !important;
}

/* ===============================================
   Surcharges Bootstrap - Texte
   =============================================== */

.text-primary {
    color: var(--primary-color) !important;
}

.text-success {
    color: var(--success-green) !important;
}

.text-danger {
    color: var(--alert-red) !important;
}

.text-muted {
    color: var(--neutral-grey) !important;
}

/* ===============================================
   Surcharges Bootstrap - Badges
   =============================================== */

.badge.bg-primary,
.badge.bg-soft-primary {
    background-color: var(--primary-soft) !important;
    color: var(--primary-color) !important;
}

.badge.bg-success,
.badge.bg-soft-success {
    background-color: var(--success-soft) !important;
    color: var(--success-green) !important;
}

.badge.bg-danger,
.badge.bg-soft-danger {
    background-color: var(--alert-soft) !important;
    color: var(--alert-red) !important;
}

/* ===============================================
   Surcharges Bootstrap - Bordures
   =============================================== */

.border-primary {
    border-color: var(--primary-color) !important;
}

.border-success {
    border-color: var(--success-green) !important;
}

.border-danger {
    border-color: var(--alert-red) !important;
}

/* ===============================================
   Surcharges Bootstrap - Alertes
   =============================================== */

.alert-success {
    background-color: var(--success-soft) !important;
    color: var(--success-green) !important;
    border-color: var(--success-green) !important;
}

.alert-danger {
    background-color: var(--alert-soft) !important;
    color: var(--alert-red) !important;
    border-color: var(--alert-red) !important;
}

.alert-primary {
    background-color: var(--primary-soft) !important;
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* ===============================================
   Liens
   =============================================== */

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--primary-hover);
}

/* ===============================================
   Focus states (formulaires)
   =============================================== */

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-soft) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* ===============================================
   Utilitaires personnalisés
   =============================================== */

.bg-light-custom {
    background-color: var(--background-light) !important;
}

.gradient-primary {
    background: var(--primary-gradient) !important;
}