/* ========================================
   COULEUR PRINCIPALE VIOLET DÉGRADÉ
   ======================================== */

/* Définition des couleurs */
:root {
    --violet-primary: #8b5cf6;
    --violet-dark: #7c3aed;
    --violet-light: #a78bfa;
    --violet-gradient: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
}

/* Boutons primaires avec dégradé violet et forme moderne */
.btn-primary {
    background: var(--violet-gradient) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4) !important;
    transform: translateY(-2px) !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%) !important;
    box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Boutons outline primary avec forme moderne */
.btn-outline-primary {
    color: var(--violet-primary) !important;
    border: 2px solid var(--violet-primary) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: var(--violet-gradient) !important;
    border: 2px solid transparent !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

/* Boutons secondaires */
.btn-secondary {
    background: #f3f4f6 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    transition: all 0.3s ease !important;
}

.btn-secondary:hover {
    background: #e5e7eb !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Boutons de tailles */
.btn-sm {
    padding: 8px 16px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
}

.btn-lg {
    padding: 14px 28px !important;
    font-size: 16px !important;
    border-radius: 14px !important;
}

/* ========================================
   BADGES ET LABELS EN VIOLET
   ======================================== */

/* Badges pour Direction et Type */
.badge.bg-primary,
.badge-primary {
    background: var(--violet-gradient) !important;
    color: #fff !important;
    border: none !important;
}

/* Badges secondaires (si utilisés pour Direction/Type) */
.badge.bg-secondary {
    background: var(--violet-gradient) !important;
    color: #fff !important;
    border: none !important;
}

/* Labels de formulaire pour Direction et Type */
label[for*="direction"],
label[for*="type"] {
    color: var(--bleu-roi) !important;
    font-weight: 600;
}

/* Classes personnalisées pour Direction et Type */
.label-direction,
.label-type,
.text-direction,
.text-type {
    color: var(--bleu-roi) !important;
    font-weight: 600;
}