/* base_auth.css : Layout spécifique pour les pages d'authentification */

/* La classe .auth-body est définie dans le body du template base_auth.html */
.auth-body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* On utilise les variables de global.css pour l'identité KGI */
    background: linear-gradient(135deg, var(--color-primary) 0%, #000033 100%);
    font-family: var(--font-family-base);
}

.auth-wrapper {
    width: 100%;
    max-width: 420px;
    padding: var(--spacing-md);
    /* Permet aux cartes à l'intérieur de ne pas coller aux bords sur mobile */
}

/* Optionnel : Si tu veux un effet de surbrillance sur le conteneur */
.auth-wrapper > * {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}