/*# sourceMappingURL=custom.min.css.map */

/* ==========================================================================
   Charte graphique magic-mecano-pro
   Bleu #00169b / Orange #e59200 / Noir #000000
   Surcharge des variables CSS Velzon (chargée en dernier, après app.min.css)
   ========================================================================== */
[data-theme=default],
[data-theme=default][data-theme-colors=default],
[data-theme=default][data-theme-colors=green],
[data-theme=default][data-theme-colors=purple],
[data-theme=default][data-theme-colors=blue] {
    --vz-primary: #00169b;
    --vz-primary-rgb: 0, 22, 155;
    --vz-primary-bg-subtle: rgba(0, 22, 155, 0.15);
    --vz-primary-border-subtle: rgba(0, 22, 155, 0.3);
    --vz-primary-text-emphasis: #000b4d;

    --vz-warning: #e59200;
    --vz-warning-rgb: 229, 146, 0;
    --vz-warning-bg-subtle: rgba(229, 146, 0, 0.15);
    --vz-warning-border-subtle: rgba(229, 146, 0, 0.3);
    --vz-warning-text-emphasis: #7a4d00;

    --vz-dark: #000000;
    --vz-dark-rgb: 0, 0, 0;
}

/* Bootstrap génère .btn-* avec des hex figés (pas de var()) : on les surcharge
   explicitement pour que les boutons suivent aussi la charte. */
.btn-primary {
    --vz-btn-color: #fff;
    --vz-btn-bg: #00169b;
    --vz-btn-border-color: #00169b;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #001280;
    --vz-btn-hover-border-color: #00106f;
    --vz-btn-focus-shadow-rgb: 38, 60, 175;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #00106f;
    --vz-btn-active-border-color: #000d63;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #00169b;
    --vz-btn-disabled-border-color: #00169b;
}

.btn-outline-primary {
    --vz-btn-color: #00169b;
    --vz-btn-border-color: #00169b;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #00169b;
    --vz-btn-hover-border-color: #00169b;
    --vz-btn-focus-shadow-rgb: 0, 22, 155;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #00169b;
    --vz-btn-active-border-color: #00169b;
    --vz-btn-disabled-color: #00169b;
    --vz-btn-disabled-border-color: #00169b;
}

.btn-warning {
    --vz-btn-color: #fff;
    --vz-btn-bg: #e59200;
    --vz-btn-border-color: #e59200;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #c47e00;
    --vz-btn-hover-border-color: #b87600;
    --vz-btn-focus-shadow-rgb: 234, 165, 38;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #b87600;
    --vz-btn-active-border-color: #ad6e00;
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #e59200;
    --vz-btn-disabled-border-color: #e59200;
}

.btn-outline-warning {
    --vz-btn-color: #e59200;
    --vz-btn-border-color: #e59200;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #e59200;
    --vz-btn-hover-border-color: #e59200;
    --vz-btn-focus-shadow-rgb: 229, 146, 0;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #e59200;
    --vz-btn-active-border-color: #e59200;
    --vz-btn-disabled-color: #e59200;
    --vz-btn-disabled-border-color: #e59200;
}

/* Fond de la page de connexion : remplace l'image stock par un visuel
   aux couleurs de la charte (gear/wrench) adapté à Magic Mecano Pro. */
.auth-one-bg {
    background-image: url(../images/auth-one-bg-mecano.svg);
    background-position: center;
    background-size: cover;
}