body.login {
    background: #2a2a2a;
}

/* Container */
#login {
    width: 506px;
}

/* Logo */
.login h1 a {
    background-image: url('https://tribalweb.fr/wp-content/uploads/2019/07/cropped-tribalweb-logo-n6.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 154px;
    height: 152px;
    margin-bottom: 25px;
}

/* Form */
.login form {
    background: #353535;
    border-radius: 6px;
    padding: 42px 24px;
    border: none;
    box-shadow: 0 0 20px rgba(0,0,0,0.32);
}

/* Labels */
.login label {
    color: #e5e5e5;
    font-size: 14px;
}

/* Inputs */
.login input[type="text"],
.login input[type="password"] {

    background: #fbfbfb;
    color: #32373c;

    border-radius: 0;
    border: 1px solid #dcdcde;

    padding: 12px;
    margin-bottom: 16px;

    font-size: 24px;
}

/* Button */
.wp-core-ui .button-primary {

    background: #424242;
    border: 1px solid #ffffff;
    color: #ffffff;

    border-radius: 9px;

    padding: 10px 18px;
    text-shadow: none;
    box-shadow: none;
}

/* Remember me */
.forgetmenot label {
    color: #f9f9f9 !important;
}

.forgetmenot input[type="checkbox"] {
    accent-color: #ffffff;
}

/* Links */
.login #nav a,
.login #backtoblog a {
    color: #f9f9f9;
}

.wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:hover {
  background: #115c93;
  border-color: #fff;
  color: #fff;
}
a:active, a:hover {
  color: #115c93;
}

élément {
}
a:active, a:hover {
  color: #115c93;
}
a:active, a:hover {
  color: var(--wp-admin-theme-color-darker-20);
}
.login * {
  margin: 0;

  padding: 0;

}
a {
  outline: 0;

}
a {
  color: var(--wp-admin-theme-color-darker-10);
  transition-property: border,background,color;
  transition-duration: .05s;
  transition-timing-function: ease-in-out;
}
.login .privacy-policy-page-link {
  text-align: center;
}
body.admin-color-modern {
  --wp-admin-theme-color: #1678c0;
  --wp-admin-theme-color--rgb: 56,88,233;
  --wp-admin-theme-color-darker-10: #115c93;
  --wp-admin-theme-color-darker-10--rgb: 33.0384615385,68.7307692308,230.4615384615;
  --wp-admin-theme-color-darker-20: #115c93;
  --wp-admin-theme-color-darker-20--rgb: 23.6923076923,58.1538461538,214.3076923077;
  --wp-admin-border-width-focus: 2px;
}
/* ========================= */
/* 📱 MOBILE ADAPTATION */
/* ========================= */

@media (max-width: 768px) {

    /* Conteneur */
    #login {
        width: 90%;
        padding: 0 10px;
    }

    /* Logo */
    .login h1 a {
        width: 120px;
        height: 120px;
        margin-bottom: 15px;
    }

    /* Formulaire */
    .login form {
        padding: 25px 18px;
        border-radius: 8px;
    }

    /* Inputs */
    .login input[type="text"],
    .login input[type="password"] {
        font-size: 16px;
        padding: 10px;
    }

    /* Bouton */
    .wp-core-ui .button-primary {
        width: 100%;
        padding: 12px;
        font-size: 14px;
    }

    /* Texte + labels */
    .login label {
        font-size: 13px;
    }

    /* Liens */
    .login #nav,
    .login #backtoblog {
        text-align: center;
        margin-top: 10px;
    }
}

/* Très petits écrans (téléphones) */
@media (max-width: 420px) {

    #login {
        width: 95%;
    }

    .login form {
        padding: 20px 15px;
    }

    .login h1 a {
        width: 100px;
        height: 100px;
    }
}