/* ── Identité BAO ─────────────────────────────────────────────────────────
   Surcharge de main.css, repris tel quel du portail Veuzain pour ne pas
   entretenir deux feuilles de style. Seule la palette change : les deux
   portails ne doivent pas se ressembler au point qu'on croie être dans l'un
   quand on est dans l'autre. Veuzain est teal, la BAO est terre cuite.       */
:root {
  --blue-dark:  #241F1B;   /* charcoal chaud */
  --blue:       #C2703D;   /* terre cuite — couleur primaire BAO */
  --blue-light: #FBEDE2;
}

.header-wordmark {
  font-family: var(--font-display), Georgia, serif;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: .01em;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.header-wordmark small {
  font-family: var(--font);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .65;
}

/* Tuile d'un module pas encore déménagé : présente, mais visiblement inerte. */
.app-card-soon { opacity: .55; }

/* `.nav-role` n'a pas de couleur propre dans main.css : elle vient d'un
   modificateur par rôle (`.nav-role-mairie`, etc.), et la BAO n'a plus de
   rôles. Sans cette règle, le nom de l'utilisateur s'affiche en texte sombre
   sur l'en-tête sombre — invisible. */
.nav-role {
  background: var(--blue-light);
  color: var(--blue-dark);
}