/* Les écrans d'avant la maquette v4 sombre (les cartes et dépliants des
   autres pages), ramenés aux jetons monochromes de sombre.css.
   Un seul accent : la lueur de la personne connectée (--accent). */
.identite-jfb.theme-sombre {
  --interface-fond: var(--noir);
  --interface-surface: var(--panneau);
  --interface-encre: var(--blanc);
  --interface-secondaire: var(--doux);
  --interface-bordure: var(--ligne-forte);
  --interface-reflet: var(--charbon);
  --interface-accent: var(--accent);
}

.identite-jfb .interface-logo {
  max-width: 100%;
}

.identite-jfb .interface-monogramme {
  flex-shrink: 0;
}

.identite-jfb .interface-mot-symbole {
  min-width: 0;
  flex-shrink: 1;
}

.identite-jfb.theme-sombre .interface-depliant {
  border-color: var(--interface-bordure);
  border-radius: 8px;
  background-color: var(--interface-surface);
}

.identite-jfb.theme-sombre .interface-depliant summary {
  border-radius: 8px;
}

.identite-jfb.theme-sombre .interface-bouton-principal {
  border-color: var(--accent);
  border-radius: 4px;
  background: var(--accent);
  color: var(--accent-encre);
}

.identite-jfb.theme-sombre .interface-bouton-principal:hover {
  background: color-mix(in srgb, var(--accent) 80%, var(--blanc));
}

@media (min-width: 360px) and (max-width: 1199px) {
  .identite-jfb .interface-logo .interface-mot-symbole {
    position: static;
    width: 140px;
    height: auto;
    clip-path: none;
  }

  .identite-jfb .interface-logo {
    gap: 10px;
  }
}
.identite-jfb .interface-logo .interface-signature {
  position: static; width: 220px; max-width: 100%; height: auto; clip-path: none;
}
@media (max-width: 639px) {
  .identite-jfb .interface-logo .interface-signature { width: 200px; }
}