/* ========================================
   THÈME DE COULEURS PERSONNALISÉ
   RDConnect Job Platform
   ======================================== */

:root {
    /* COULEURS PRINCIPALES - Changez ces valeurs pour modifier le thème */
    --rdconnect-primary: #28a745;          /* Vert principal (remplace le violet) */
    --rdconnect-primary-dark: #1e7e34;     /* Vert foncé */
    --rdconnect-primary-light: #34ce57;    /* Vert clair */
    --rdconnect-secondary: #20c997;        /* Vert-bleu secondaire */
    --rdconnect-accent: #17a2b8;           /* Bleu accent */
    
    /* COULEURS D'ÉTAT */
    --rdconnect-success: #28a745;
    --rdconnect-warning: #ffc107;
    --rdconnect-danger: #dc3545;
    --rdconnect-info: #17a2b8;
    
    /* COULEURS DE FOND */
    --rdconnect-bg-primary: rgba(40, 167, 69, 0.1);
    --rdconnect-bg-light: #f8f9fa;
    --rdconnect-bg-dark: #343a40;
    
    /* COULEURS DE TEXTE */
    --rdconnect-text-primary: var(--rdconnect-primary);
    --rdconnect-text-secondary: #6c757d;
    --rdconnect-text-dark: #212529;
    --rdconnect-text-light: #ffffff;
}

/* SURCHARGE DES VARIABLES BOOTSTRAP */
:root {
    --bs-primary: var(--rdconnect-primary);
    --bs-primary-rgb: 40, 167, 69;
    --bs-secondary: var(--rdconnect-secondary);
    --bs-success: var(--rdconnect-success);
    --bs-info: var(--rdconnect-info);
    --bs-warning: var(--rdconnect-warning);
    --bs-danger: var(--rdconnect-danger);
}

/* CLASSES UTILITAIRES PERSONNALISÉES */
.bg-rdconnect-primary {
    background-color: var(--rdconnect-primary) !important;
}

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

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

.btn-rdconnect-primary {
    background-color: var(--rdconnect-primary);
    border-color: var(--rdconnect-primary);
    color: #fff;
}

.btn-rdconnect-primary:hover {
    background-color: var(--rdconnect-primary-dark);
    border-color: var(--rdconnect-primary-dark);
    color: #fff;
}

/* GRADIENT PERSONNALISÉ */
.bg-rdconnect-gradient {
    background: linear-gradient(135deg, var(--rdconnect-primary) 0%, var(--rdconnect-secondary) 100%);
}

/* =====================================
   INSTRUCTIONS DE PERSONNALISATION
   =====================================
   
   Pour changer les couleurs du thème :
   1. Modifiez les valeurs dans la section --rdconnect-primary
   2. Les couleurs se mettront à jour automatiquement
   
   Exemples de couleurs :
   - Violet d'origine : #6f42c1
   - Bleu : #007bff  
   - Rouge : #dc3545
   - Orange : #fd7e14
   - Indigo : #6610f2
   - Rose : #e83e8c
   
   ===================================== */