/* Copyright 2026 Soumaia Bouhouia
 *
 * Vue 1 - la page de connexion. Chargée par login.html seulement.
 */

.pl-login {
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: var(--wa-space-l);
}

.pl-login__card {
  width: min(26rem, 100%);
  text-align: center;

  /* Le liseré d'accent rappelle le bandeau du site de la firme, et donne à la
   * carte un haut qui n'est pas qu'un bord gris. */
  border-top: 4px solid var(--pl-accent);
}

.pl-login__mark {
  width: auto;
  height: 3.5rem;
}

.pl-login__name {
  margin: var(--wa-space-s) 0 0;
  color: var(--wa-color-brand-fill-loud);
  font-size: var(--wa-font-size-m);
  font-weight: var(--wa-font-weight-bold);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.pl-login__title {
  margin: var(--wa-space-3xs) 0 var(--wa-space-xl);
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  font-weight: var(--wa-font-weight-normal);
}

.pl-login__button {
  width: 100%;
}

.pl-login__note {
  margin: var(--wa-space-m) 0 0;
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
}