/* Styles communs (connexion, logo, boutons). */
body {
    font-family: var(--aquila-police);
    background: var(--aquila-fond);
    color: var(--aquila-encre);
}

.aquila-logo {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--aquila-encre);
    white-space: nowrap;
}

.aquila-logo__mark {
    display: inline-grid;
    place-items: center;
    width: 2em;
    height: 2em;
    border-radius: var(--aquila-rayon-sm);
    background: var(--aquila-rouge);
    color: #fff;
    font-weight: 700;
}

.aquila-logo__text strong {
    color: var(--aquila-rouge);
}

.btn-aquila {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--aquila-rouge);
    --bs-btn-border-color: var(--aquila-rouge);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--aquila-rouge-fonce);
    --bs-btn-hover-border-color: var(--aquila-rouge-fonce);
    --bs-btn-active-bg: var(--aquila-rouge-fonce);
    --bs-btn-active-border-color: var(--aquila-rouge-fonce);
    --bs-btn-focus-shadow-rgb: 200, 16, 46;
}

/* Connexion */
.login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.login__card {
    width: min(100%, 440px);
    border: 1px solid var(--aquila-bordure);
    border-top: 4px solid var(--aquila-rouge);
    border-radius: var(--aquila-rayon);
}