/* ============================================================
   Tokens tenant EBM — tout le theming (hover, focus ring,
   dégradés, ombres) dérive de --brand via color-mix() dans
   auth.components.css / auth.layout.css.
   ============================================================ */
:root {
    --brand: #8B5BFF;
    --brand-rgb: 139, 91, 255;
    --brand-ink: #18365F;
    --logo-url: url(../img/portail-ebm/logo.svg);

    /* Visuel de marque EBM : le volet occupe les deux tiers de la page, comme la page de login historique. */
    --auth-brand-width: 66%;
    --auth-brand-max-width: none;
    --auth-brand-image: url(../img/portail-ebm/auth-bg.jpg);
    /* Cadrage à gauche : le logo incrusté dans le visuel reste dans le champ quel que soit le recadrage. */
    --auth-brand-position: left center;

    /* alias héritage (anciennes règles / vues legacy) */
    --color-primary: #8B5BFF;
    --color-primary-rgb: 139, 91, 255;
}

/* Les cercles décoratifs du volet feraient doublon avec le visuel photographique. */
.auth-brand::after {
    display: none;
}

/* Le volet ne porte que le visuel : accroche et arguments sont retirés. */
.auth-brand .brand-headline,
.auth-brand .brand-points {
    display: none;
}

/* Le logo est déjà incrusté dans le visuel : celui du volet ferait doublon. En bandeau mobile, le visuel
   est recadré en hauteur et son logo disparaît : on le rétablit alors. */
@media (min-width: 901px) {
    .auth-brand .brand-logo {
        display: none;
    }
}