/* Batiprisme - composant logotype. Depend de tokens.css + fonts.css.
   Taille pilotee par une seule propriete : font-size sur .bp-logo. */
.bp-logo{
  display:inline-flex;
  align-items:baseline;
  font-family:var(--bp-logo-font);
  font-size:var(--bp-logo-size);
  line-height:1;
  white-space:nowrap;
}
.bp-logo__ini{
  font-size:1em;
  font-weight:var(--bp-logo-ini-weight);
  letter-spacing:var(--bp-logo-ini-tracking);
}
.bp-logo__rest{
  font-size:calc(1em * var(--bp-logo-rest-ratio));
  font-weight:var(--bp-logo-rest-weight);
  letter-spacing:var(--bp-logo-rest-tracking);
  margin-left:var(--bp-logo-gap);
  color:var(--bp-ink);
}

/* --- couleur d'initiale par app, FOND CLAIR --- */
.bp-logo[data-app="batiprisme"] .bp-logo__ini{color:var(--bp-batiprisme);}
.bp-logo[data-app="quanto"]     .bp-logo__ini{color:var(--bp-quanto);}
.bp-logo[data-app="intus"]      .bp-logo__ini{color:var(--bp-intus);}
.bp-logo[data-app="solvo"]      .bp-logo__ini{color:var(--bp-solvo);}
.bp-logo[data-app="atlas"]      .bp-logo__ini{color:var(--bp-atlas);}
.bp-logo[data-app="empreinte"]  .bp-logo__ini{color:var(--bp-empreinte);}
.bp-logo[data-app="muto"]       .bp-logo__ini{color:var(--bp-muto);}

/* --- variante FOND SOMBRE : modifier .bp-logo--dark OU conteneur .bp-on-dark --- */
.bp-logo--dark .bp-logo__rest,
.bp-on-dark .bp-logo__rest{color:var(--bp-panel-text);}

.bp-logo--dark[data-app="batiprisme"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="batiprisme"] .bp-logo__ini{color:var(--bp-batiprisme-d);}
.bp-logo--dark[data-app="quanto"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="quanto"] .bp-logo__ini{color:var(--bp-quanto-d);}
.bp-logo--dark[data-app="intus"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="intus"] .bp-logo__ini{color:var(--bp-intus-d);}
.bp-logo--dark[data-app="solvo"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="solvo"] .bp-logo__ini{color:var(--bp-solvo-d);}
.bp-logo--dark[data-app="atlas"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="atlas"] .bp-logo__ini{color:var(--bp-atlas-d);}
.bp-logo--dark[data-app="empreinte"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="empreinte"] .bp-logo__ini{color:var(--bp-empreinte-d);}
.bp-logo--dark[data-app="muto"] .bp-logo__ini,
.bp-on-dark .bp-logo[data-app="muto"] .bp-logo__ini{color:var(--bp-muto-d);}