/* Identité ARCHIRIDE appliquée à AdminLTE.
   Les couleurs sont reprises du logo : marine, jaune, turquoise.
   Fichier volontairement court : tout ce qui peut être obtenu avec les classes
   Bootstrap fournies par AdminLTE n'a pas à être réécrit ici. */

:root {
  --archiride-marine: #16305c;
  --archiride-marine-clair: #24467d;
  --archiride-marine-fonce: #0f2445;
  --archiride-jaune: #f5c518;
  --archiride-turquoise: #2bb3c0;
}

/* Le bleu Bootstrap par défaut cède la place au marine du logo. */
.btn-primary {
  --bs-btn-bg: var(--archiride-marine);
  --bs-btn-border-color: var(--archiride-marine);
  --bs-btn-hover-bg: var(--archiride-marine-clair);
  --bs-btn-hover-border-color: var(--archiride-marine-clair);
  --bs-btn-active-bg: var(--archiride-marine-fonce);
  --bs-btn-active-border-color: var(--archiride-marine-fonce);
  --bs-btn-disabled-bg: var(--archiride-marine);
  --bs-btn-disabled-border-color: var(--archiride-marine);
}

.text-bg-primary {
  background-color: var(--archiride-marine) !important;
  color: #fff !important;
}

.text-primary {
  color: var(--archiride-marine) !important;
}

.app-sidebar {
  background-color: var(--archiride-marine) !important;
}

.sidebar-brand {
  background-color: var(--archiride-marine-fonce) !important;
}

.app-sidebar .brand-image {
  /* Le logo est détouré : pas de cadre ni d'ombre, qui feraient réapparaître
     un carré autour d'une image ronde. */
  box-shadow: none;
  border-radius: 0;
}

/* Le jaune du logo sert d'accent, jamais de fond de texte : son contraste sur
   blanc est insuffisant pour du corps de texte. */
.app-sidebar .nav-link.active {
  border-left: 3px solid var(--archiride-jaune);
}

.app-content-header h1 {
  color: var(--archiride-marine);
}

/* 16 px minimum sur les champs : en dessous, iOS zoome à la prise de focus. */
.login-card-body .form-control {
  font-size: 1rem;
}